yaffs.net Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/components/content/highlighted-medium/highlighted-medium.css

   1 /**
   2  * @file
   3  * This file is used to style the 'highlighted-medium' view mode.
   4  */
   5
   6 .node--view-mode-highlighted-medium {
   7   border: 1px solid #fcece7;
   8   width: 100%;
   9   display: flex;
  10   flex-direction: column;
  11 }
  12
  13 .node--view-mode-highlighted-medium .node__meta {
  14   padding: 1rem 1.5rem 0 1.5rem;
  15 }
  16
  17 .node--view-mode-highlighted-medium .read-more {
  18   margin-top: auto;
  19   padding: 0 1.5rem 1.5rem 1.5rem;
  20 }
  21
  22 .node--view-mode-highlighted-medium .node__title {
  23   font-weight: normal;
  24   margin-bottom: 1rem;
  25 }
  26
  27 .node--view-mode-highlighted-medium .field--name-title {
  28   font-family: 'Scope One', Georgia, serif;
  29   font-size: 1.424rem;
  30   font-weight: 400;
  31 }
  32
  33 .node--view-mode-highlighted-medium .node__title .node__link {
  34   color: #000;
  35   text-decoration: none;
  36   background-color: inherit;
  37 }
  38
  39 .node--view-mode-highlighted-medium .node__title .node__link:focus,
  40 .node--view-mode-highlighted-medium .node__title .node__link:hover {
  41   color: #000;
  42   text-decoration: underline;
  43 }
  44
  45 .node--view-mode-highlighted-medium .node__link .field--name-title {
  46   color: #000;
  47   text-decoration: none;
  48 }
  49
  50 .node--view-mode-highlighted-medium .field--name-field-image img {
  51   display: block;
  52   width: 100%;
  53 }
  54
  55 .node--view-mode-highlighted-medium .field--name-field-difficulty {
  56   color: #5f635d;
  57   font-size: 0.889rem;
  58   margin-bottom: 0.5rem;
  59 }