Updated Drupal to 8.6. This goes with the following updates because it's possible...

[yaffs-website] / web / core / profiles / demo_umami / themes / umami / css / components / fields / recipe-instruction.css

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 (file)
index 0000000..af9ee7e
--- /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;
+}