footer-promo.css

Same filename and directory in other branches
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/components/blocks/footer-promo/footer-promo.css

This file is used to style the Footer promo block.

File

core/profiles/demo_umami/themes/umami/css/components/blocks/footer-promo/footer-promo.css

View on git.drupalcode.org
View source 
  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. @media screen and (min-width: 60rem) {

  20.   .block-type-footer-promo-block {

  21.     overflow: hidden;

  22.     flex-basis: 60%;

  23.     height: 200px;

  24.     font-size: 0.9rem;

  25.   }

  26. 

  27.   .block-type-footer-promo-block .field--type-image {

  28.     float: left; /* LTR */

  29.     margin-right: 14px; /* LTR */

  30.     padding-bottom: 0;

  31.   }

  32. 

  33.   [dir="rtl"] .block-type-footer-promo-block .field--type-image {

  34.     float: right;

  35.     margin-left: 14px;

  36.   }

  37. 

  38.   .block-type-footer-promo-block .block__title {

  39.     padding-top: 2rem;

  40.   }

  41. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.