Home Explore Help
Sign In
kevin
/
Popsu-coloque
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: c11935cb48
Branches Tags
Popsu-coloque
/
web
/
core
/
profiles
/
demo_umami
/
themes
/
umami
/
css
/
components
/
blocks
/
footer-promo
/
footer-promo.css

footer-promo.css 823 B
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041 
  1. /**
    2. 

  2.  * @file
    3. 

  3.  * This file is used to style the Footer promo block.
    4. 

  4.  */
    5. 

  5. 

  6. .block-type-footer-promo-block .field--type-image {
    7. 

  7.   padding-bottom: 14px;
    8. 

  8. }
    9. 

  9. 

  10. .block-type-footer-promo-block .block__title {
    11. 

  11.   font-size: 1.5rem;
    12. 

  12.   font-weight: 400;
    13. 

  13. }
    14. 

  14. 

  15. .block-type-footer-promo-block .footer-promo-content {
    16. 

  16.   margin-bottom: 1.28rem;
    17. 

  17. }
    18. 

  18. 

  19. @media screen and (min-width: 60rem) {
    20. 

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

  21.     overflow: hidden;
    22. 

  22.     flex-basis: 60%;
    23. 

  23.     height: 200px;
    24. 

  24.     font-size: 0.9rem;
    25. 

  25.   }
    26. 

  26. 

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

  28.     float: left; /* LTR */
    29. 

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

  30.     padding-bottom: 0;
    31. 

  31.   }
    32. 

  32. 

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

  34.     float: right;
    35. 

  35.     margin-left: 14px;
    36. 

  36.   }
    37. 

  37. 

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

  39.     padding-top: 2rem;
    40. 

  40.   }
    41. 

  41. }
    42.