ingredients.css

This file is used to style the 'field-ingredients' field.

File

core/profiles/demo_umami/themes/umami/css/components/fields/ingredients.css

View source 
  1. /**

  2.  * @file

  3.  * This file is used to style the 'field-ingredients' field.

  4.  */

  5. 

  6. .field--name-field-ingredients {

  7.   margin-bottom: 1.184rem;

  8.   padding: 1.266rem;

  9.   background-color: #fbf5ee;

  10. }

  11. /* Large */

  12. @media screen and (min-width: 60rem) {

  13.   /* 960px */

  14.   .field--name-field-ingredients {

  15.     margin-bottom: 2.369rem;

  16.     padding: 2.369rem;

  17.   }

  18. }

  19. 

  20. .field--name-field-ingredients .field__label {

  21.   margin: 0 0 1em 0;

  22.   padding: 0 0 0.6em 0;

  23.   border-bottom: 1px solid #eec2cb;

  24.   font-family: "Scope One", Georgia, serif;

  25.   font-size: 1.266rem;

  26.   font-weight: 400;

  27.   line-height: 1.2;

  28. }

  29. /* Large */

  30. @media screen and (min-width: 60rem) {

  31.   /* 960px */

  32.   .field--name-field-ingredients .field__label {

  33.     margin: 0 0 1.5em 0;

  34.     font-size: 1.77rem;

  35.   }

  36. }

  37. 

  38. .field--name-field-ingredients .field__item {

  39.   margin: 0 0 0.6em 0;

  40.   padding: 0 0 0.6em 0;

  41.   border-bottom: 1px solid #eec2cb;

  42.   break-inside: avoid-column;

  43. }