www.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: 400;
  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   color: #fff;
  22   font-weight: 700;
  23 }
  24
  25 .block-type-footer-promo-block .footer-promo-content a:active,
  26 .block-type-footer-promo-block .footer-promo-content a:focus,
  27 .block-type-footer-promo-block .footer-promo-content a:hover {
  28   background-color: transparent;
  29 }
  30
  31 .block-type-footer-promo-block .footer-promo-content a:after {
  32   display: inline-block;
  33   width: 14px;
  34   height: 14px;
  35   content: '';
  36   background: url('../../../../images/svg/pointer--white.svg') no-repeat center center;
  37   vertical-align: middle;
  38 }
  39
  40 @media screen and (min-width: 60rem) {
  41   .block-type-footer-promo-block {
  42     flex-basis: 60%;
  43     height: 200px;
  44     overflow: hidden;
  45     font-size: 0.9rem;
  46   }
  47
  48   .block-type-footer-promo-block .field--type-image {
  49     float: left; /* LTR */
  50     margin-right: 14px; /* LTR */
  51     padding-bottom: 0;
  52   }
  53
  54   [dir="rtl"] .block-type-footer-promo-block .field--type-image {
  55     float: right;
  56     margin-left: 14px;
  57   }
  58
  59   .block-type-footer-promo-block .block__title {
  60     padding-top: 2rem;
  61   }
  62 }