Updated to Drupal 8.5. Core Media not yet in use.

[yaffs-website] / web / core / profiles / demo_umami / themes / umami / css / components / content / highlighted-small / highlighted-small.css

diff --git a/web/core/profiles/demo_umami/themes/umami/css/components/content/highlighted-small/highlighted-small.css b/web/core/profiles/demo_umami/themes/umami/css/components/content/highlighted-small/highlighted-small.css
new file mode 100644 (file)
index 0000000..2a0d11d
--- /dev/null
+++ b/web/core/profiles/demo_umami/themes/umami/css/components/content/highlighted-small/highlighted-small.css
@@ -0,0 +1,59 @@
+/**
+ * @file
+ * This file is used to style the 'highlighted-small' view mode.
+ */
+
+.node--view-mode-highlighted-small {
+  border: 1px solid #fcece7;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.node--view-mode-highlighted-small .node__meta {
+  padding: 1rem 1.5rem 0 1.5rem;
+}
+
+.node--view-mode-highlighted-small .read-more {
+  margin-top: auto;
+  padding: 0 1.5rem 1.5rem 1.5rem;
+}
+
+.node--view-mode-highlighted-small .node__title {
+  font-weight: normal;
+  margin-bottom: 1rem;
+}
+
+.node--view-mode-highlighted-small .field--name-title {
+  font-family: 'Scope One', Georgia, serif;
+  font-size: 1.424rem;
+  font-weight: 400;
+}
+
+.node--view-mode-highlighted-small .node__title .node__link {
+  color: #000;
+  text-decoration: none;
+  background-color: inherit;
+}
+
+.node--view-mode-highlighted-small .node__title .node__link:focus,
+.node--view-mode-highlighted-small .node__title .node__link:hover {
+  color: #000;
+  text-decoration: underline;
+}
+
+.node--view-mode-highlighted-small .node__link .field--name-title {
+  color: #000;
+  text-decoration: none;
+}
+
+.node--view-mode-highlighted-small .field--name-field-image img {
+  display: block;
+  width: 100%;
+}
+
+.node--view-mode-highlighted-small .field--name-field-difficulty {
+  color: #5f635d;
+  font-size: 0.889rem;
+  margin-bottom: 0.5rem;
+}