powered-by-block.pcss.css

Same filename in other branches
  1. 10 core/themes/olivero/css/components/powered-by-block.pcss.css
  2. 11.x core/themes/olivero/css/components/powered-by-block.pcss.css

Powered by block specific styles.

File

core/themes/olivero/css/components/powered-by-block.pcss.css

View source
  1. /**
  2. * @file
  3. * Powered by block specific styles.
  4. */
  5. @import "../base/variables.pcss.css";
  6. .block-system-powered-by-block {
  7. letter-spacing: 0.02em;
  8. font-size: 14px;
  9. line-height: var(--sp);
  10. & a {
  11. text-decoration: underline;
  12. &:hover,
  13. &:focus {
  14. text-decoration: none;
  15. }
  16. }
  17. & .drupal-logo {
  18. display: inline-block;
  19. margin-block-start: calc(-1 * var(--sp) / 4);
  20. margin-inline-start: calc(var(--sp) / 4);
  21. }
  22. & svg {
  23. width: 0.875rem; /* 14 */
  24. height: 1.1875rem; /* 19 */
  25. vertical-align: top;
  26. & path {
  27. fill: currentColor;
  28. }
  29. }
  30. }
  31. .site-footer .block-system-powered-by-block {
  32. & a {
  33. color: var(--color--white);
  34. }
  35. & svg path {
  36. fill: var(--color--white);
  37. }
  38. }

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