X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=web%2Fcore%2Fprofiles%2Fdemo_umami%2Fthemes%2Fumami%2Fcss%2Fcomponents%2Ffields%2Frecipe-instruction.css;fp=web%2Fcore%2Fprofiles%2Fdemo_umami%2Fthemes%2Fumami%2Fcss%2Fcomponents%2Ffields%2Frecipe-instruction.css;h=af9ee7ee3069fccbb57edbbbe6340a2b47ab6824;hp=0000000000000000000000000000000000000000;hb=0bf8d09d2542548982e81a441b1f16e75873a04f;hpb=74df008bdbb3a11eeea356744f39b802369bda3c

diff --git a/web/core/profiles/demo_umami/themes/umami/css/components/fields/recipe-instruction.css b/web/core/profiles/demo_umami/themes/umami/css/components/fields/recipe-instruction.css
new file mode 100644
index 000000000..af9ee7ee3
--- /dev/null
+++ b/web/core/profiles/demo_umami/themes/umami/css/components/fields/recipe-instruction.css
@@ -0,0 +1,42 @@
+/**
+ * @file
+ * This file is used to style the 'field-recipe-instruction' field.
+ */
+
+.field--name-field-recipe-instruction .field__label {
+  margin: 1.184rem 0 1em 0;
+  padding: 0 0 0.6em 0;
+  border-bottom: 1px solid #eec2cb;
+  font-family: "Scope One", Georgia, serif;
+  font-size: 1.266rem;
+  font-weight: 400;
+  line-height: 1.2;
+}
+/* Large */
+@media screen and (min-width: 60rem) {
+  /* 960px */
+  .field--name-field-recipe-instruction .field__label {
+    margin: 2.369rem 0 1.5em 0;
+    font-size: 1.77rem;
+  }
+}
+.field--name-field-recipe-instruction ol {
+  margin-left: 0;
+  padding-left: 0;
+  list-style-type: none;
+}
+.field--name-field-recipe-instruction ol > li {
+  position: relative;
+  min-height: 1.5em;
+  padding: 0 0 0.6em 2.5em;
+  list-style: none;
+  counter-increment: step-counter;
+}
+.field--name-field-recipe-instruction ol > li::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  content: counter(step-counter);
+  color: #cc2a00;
+  font-size: 1.5rem;
+}