recipe-collections.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .block-views-blockrecipe-collections-block {
  2. padding: 3rem 1rem;
  3. color: #fff;
  4. background: #767775;
  5. }
  6. .block-views-blockrecipe-collections-block .block__title {
  7. margin-bottom: 1.5rem;
  8. text-align: center;
  9. }
  10. .block-views-blockrecipe-collections-block .views-view-grid {
  11. display: flex;
  12. flex-wrap: wrap;
  13. justify-content: center;
  14. }
  15. .block-views-blockrecipe-collections-block .views-col {
  16. width: 100%;
  17. padding: 0 14px;
  18. text-align: center;
  19. }
  20. @media screen and (min-width: 48em) {
  21. .block-views-blockrecipe-collections-block .views-col {
  22. width: 25%;
  23. max-width: 13rem;
  24. text-align: left; /* LTR */
  25. }
  26. [dir="rtl"] .block-views-blockrecipe-collections-block .views-col {
  27. text-align: right;
  28. }
  29. }
  30. .block-views-blockrecipe-collections-block .views-row {
  31. margin-bottom: 0.5rem;
  32. font-size: 0.9rem;
  33. }
  34. .block-views-blockrecipe-collections-block .views-row a {
  35. text-decoration: none;
  36. color: #fff;
  37. font-weight: bold;
  38. }
  39. .block-views-blockrecipe-collections-block .views-row a:active,
  40. .block-views-blockrecipe-collections-block .views-row a:focus,
  41. .block-views-blockrecipe-collections-block .views-row a:hover {
  42. text-decoration: underline;
  43. outline-color: #fff;
  44. background: transparent;
  45. }