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; /* LTR */
  32   list-style: none;
  33   counter-increment: step-counter;
  34 }
  35 [dir=rtl] .field--name-field-recipe-instruction ol > li {
  36   padding: 0 2.5em 0.6em 0;
  37 }
  38 .field--name-field-recipe-instruction ol > li::before {
  39   position: absolute;
  40   top: 0;
  41   left: 0; /* LTR */
  42   content: counter(step-counter);
  43   color: #cc2a00;
  44   font-size: 1.5rem;
  45 }
  46 [dir=rtl] .field--name-field-recipe-instruction ol > li::before {
  47   right: 0;
  48   left: auto;
  49 }