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 [dir=rtl] .block-type-footer-promo-block .footer-promo-content a:after {
  40   transform: rotate(180deg);
  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 }