www.aleph1.co.uk Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/components/fields/ingredients.css

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