ingredients.css 918 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /**
  2. * @file
  3. * This file is used to style the 'field-ingredients' field.
  4. */
  5. .field--name-field-ingredients {
  6. margin-bottom: 1.184rem;
  7. padding: 1.266rem;
  8. background-color: #fbf5ee;
  9. }
  10. /* Large */
  11. @media screen and (min-width: 60rem) {
  12. /* 960px */
  13. .field--name-field-ingredients {
  14. margin-bottom: 2.369rem;
  15. padding: 2.369rem;
  16. }
  17. }
  18. .field--name-field-ingredients .field__label {
  19. margin: 0 0 1em 0;
  20. padding: 0 0 0.6em 0;
  21. border-bottom: 1px solid #eec2cb;
  22. font-family: "Scope One", Georgia, serif;
  23. font-size: 1.266rem;
  24. font-weight: 400;
  25. line-height: 1.2;
  26. }
  27. /* Large */
  28. @media screen and (min-width: 60rem) {
  29. /* 960px */
  30. .field--name-field-ingredients .field__label {
  31. margin: 0 0 1.5em 0;
  32. font-size: 1.77rem;
  33. }
  34. }
  35. .field--name-field-ingredients .field__item {
  36. margin: 0 0 0.6em 0;
  37. padding: 0 0 0.6em 0;
  38. border-bottom: 1px solid #eec2cb;
  39. break-inside: avoid-column;
  40. }