footer-block.css

Same filename in other branches
  1. 10 core/profiles/demo_umami/themes/umami/components/footer-block/footer-block.css
.footer-block {
  font-size: 0.9rem;
}

.footer-block__link {
  color: #fff;
  background-color: inherit;
  font-weight: 700;
}

.footer-block__link::after {
  display: inline-block;
  width: 14px;
  height: 14px;
  content: "";
  vertical-align: middle;
  background: url("../../images/svg/pointer--white.svg") no-repeat center center;
}

.footer-block__link:active,
.footer-block__link:focus,
.footer-block__link:hover {
  color: #fff;
}

.footer-block__title {
  font-size: 1.5rem;
  font-weight: 400;
}

@media screen and (min-width: 60rem) {
  .footer-block__title {
    padding-top: 2rem;
  }
}

.footer-block__wrapper {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

@media screen and (min-width: 60rem) {
  .footer-block__wrapper {
    flex-direction: row;
  }
}

File

core/profiles/demo_umami/themes/umami/components/footer-block/footer-block.css

View source 
  1. .footer-block {

  2.   font-size: 0.9rem;

  3. }

  4. 

  5. .footer-block__link {

  6.   color: #fff;

  7.   background-color: inherit;

  8.   font-weight: 700;

  9. }

  10. 

  11. .footer-block__link::after {

  12.   display: inline-block;

  13.   width: 14px;

  14.   height: 14px;

  15.   content: "";

  16.   vertical-align: middle;

  17.   background: url("../../images/svg/pointer--white.svg") no-repeat center center;

  18. }

  19. 

  20. .footer-block__link:active,

  21. .footer-block__link:focus,

  22. .footer-block__link:hover {

  23.   color: #fff;

  24. }

  25. 

  26. .footer-block__title {

  27.   font-size: 1.5rem;

  28.   font-weight: 400;

  29. }

  30. 

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

  32.   .footer-block__title {

  33.     padding-top: 2rem;

  34.   }

  35. }

  36. 

  37. .footer-block__wrapper {

  38.   display: flex;

  39.   flex-direction: column;

  40.   gap: 14px;

  41. }

  42. 

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

  44.   .footer-block__wrapper {

  45.     flex-direction: row;

  46.   }

  47. }

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