aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/components/site-branding.css

   1 /**
   2  * @file
   3  * Visual styles for the site branding block in Bartik.
   4  */
   5
   6 .site-branding__logo {
   7   display: inline-block;
   8   margin-right: 1em; /* LTR */
   9   margin-bottom: 0.286em;
  10 }
  11 [dir="rtl"] .site-branding__logo {
  12   margin-right: 0;
  13   margin-left: 1em;
  14 }
  15 .site-branding__text {
  16   display: inline-block;
  17   vertical-align: top;
  18 }
  19 @media all and (min-width: 461px) {
  20   .site-branding__text {
  21     margin-bottom: 1.857em;
  22   }
  23 }
  24 @media all and (min-width: 901px) {
  25   .site-branding__text {
  26     padding: 1.286em 0 0;
  27   }
  28 }
  29 .site-branding__name {
  30   font-size: 1.6em;
  31   color: #686868;
  32   line-height: 1;
  33 }
  34 @media all and (min-width: 901px) {
  35   .site-branding__name {
  36     font-size: 1.821em;
  37   }
  38 }
  39 .site-branding__slogan {
  40   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  41   font-size: 0.929em;
  42   margin-top: 7px;
  43   word-spacing: 0.1em;
  44   font-style: italic;
  45 }