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

   1 /**
   2  * @file
   3  * This file is used to style the 'field-recipe-instruction' field.
   4  */
   5
   6 .field--name-field-recipe-instruction .field__label {
   7   margin: 1.184rem 0 1em 0;
   8   padding: 0 0 0.6em 0;
   9   border-bottom: 1px solid #eec2cb;
  10   font-family: "Scope One", Georgia, serif;
  11   font-size: 1.266rem;
  12   font-weight: 400;
  13   line-height: 1.2;
  14 }
  15 /* Large */
  16 @media screen and (min-width: 60rem) {
  17   /* 960px */
  18   .field--name-field-recipe-instruction .field__label {
  19     margin: 2.369rem 0 1.5em 0;
  20     font-size: 1.77rem;
  21   }
  22 }
  23 .field--name-field-recipe-instruction ol {
  24   margin-left: 0;
  25   padding-left: 0;
  26   list-style-type: none;
  27 }
  28 .field--name-field-recipe-instruction ol > li {
  29   position: relative;
  30   min-height: 1.5em;
  31   padding: 0 0 0.6em 2.5em;
  32   list-style: none;
  33   counter-increment: step-counter;
  34 }
  35 .field--name-field-recipe-instruction ol > li::before {
  36   position: absolute;
  37   top: 0;
  38   left: 0;
  39   content: counter(step-counter);
  40   color: #cc2a00;
  41   font-size: 1.5rem;
  42 }