www.aleph1.co.uk Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/components/content/full/node-full.css

   1 /**
   2  * @file
   3  * This file is used to style the 'full' view mode.
   4  */
   5 .node--view-mode-full {
   6   background-color: #fff;
   7   border-bottom: 1px solid #fcece7;
   8   border-left: none;
   9   border-right: none;
  10   border-top: 1px solid #fcece7;
  11   margin: 0 auto 2.37rem;
  12   padding: 1.266rem;
  13 }
  14 /* Large */
  15 @media screen and (min-width: 60rem) { /* 960px */
  16   .node--view-mode-full {
  17     border-left: 1px solid #fcece7;
  18     border-right: 1px solid #fcece7;
  19     padding: 2.37rem;
  20   }
  21 }
  22
  23 .node--view-mode-full > .node__header {
  24   display: flex;
  25   flex-wrap: wrap;
  26 }
  27
  28 .node--view-mode-full .page-title {
  29   flex: 0 0 100%;
  30 }
  31
  32 .node--view-mode-full .node__submitted {
  33   flex: 0 0 100%;
  34   font-size: 0.889em;
  35   margin-bottom: 1.2em;
  36 }
  37 /* Large */
  38 @media screen and (min-width: 60rem) { /* 960px */
  39   .node--view-mode-full .node__submitted {
  40     flex: 0 1 auto;
  41     margin-right: 2rem;
  42   }
  43 }
  44 .node--view-mode-full .by-author::after {
  45   content: "•";
  46   font-size: 2em;
  47   vertical-align: middle;
  48   display: inline-block;
  49   margin: 0 0.25ex;
  50   color: #7cbe8c;
  51 }
  52
  53 .node--view-mode-full .field--name-field-tags {
  54   flex: 0 0 100%;
  55 }
  56 /* Large */
  57 @media screen and (min-width: 60rem) { /* 960px */
  58   .node--view-mode-full .field--name-field-tags {
  59     flex: 0 1 auto;
  60     margin-left: auto;
  61   }
  62 }
  63
  64 .node--view-mode-full .field--name-field-image {
  65   margin-bottom: 1.184rem;
  66 }
  67 /* Large */
  68 @media screen and (min-width: 60rem) { /* 960px */
  69   .node--view-mode-full .field--name-field-image {
  70     margin-bottom: 2.369rem;
  71   }
  72 }