aleph1.co.uk Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/components/blocks/footer-promo/footer-promo.css

   1 /**
   2  * @file
   3  * This file is used to style the Footer promo block.
   4  */
   5
   6 .block-type-footer-promo-block .field--type-image {
   7   padding-bottom: 14px;
   8 }
   9
  10 .block-type-footer-promo-block .block__title {
  11   font-size: 1.5rem;
  12   font-weight: normal;
  13 }
  14
  15 .block-type-footer-promo-block .footer-promo-content {
  16   margin-bottom: 1.28rem;
  17 }
  18
  19 .block-type-footer-promo-block .footer-promo-content a {
  20   background-color: inherit;
  21   display: block;
  22   color: #fff;
  23   font-weight: bold;
  24   text-decoration: none;
  25 }
  26
  27 .block-type-footer-promo-block .footer-promo-content a:active,
  28 .block-type-footer-promo-block .footer-promo-content a:focus,
  29 .block-type-footer-promo-block .footer-promo-content a:hover {
  30   background-color: transparent;
  31   text-decoration: underline;
  32 }
  33
  34 .block-type-footer-promo-block .footer-promo-content a:after {
  35   display: inline-block;
  36   width: 14px;
  37   height: 14px;
  38   content: '';
  39   background: url('../../../../images/svg/pointer--white.svg') no-repeat center center;
  40   vertical-align: middle;
  41 }
  42
  43 @media screen and (min-width: 60rem) {
  44   .block-type-footer-promo-block {
  45     flex-basis: 60%;
  46     height: 200px;
  47     overflow: hidden;
  48     font-size: 0.9rem;
  49   }
  50
  51   .block-type-footer-promo-block .field--type-image {
  52     float: left; /* LTR */
  53     margin-right: 14px; /* LTR */
  54     padding-bottom: 0;
  55   }
  56
  57   [dir="rtl"] .block-type-footer-promo-block .field--type-image {
  58     float: right;
  59     margin-left: 14px;
  60   }
  61
  62   .block-type-footer-promo-block .block__title {
  63     padding-top: 2rem;
  64   }
  65 }