feed.pcss.css

Same filename in other branches
  1. 10 core/themes/olivero/css/components/feed.pcss.css
  2. 11.x core/themes/olivero/css/components/feed.pcss.css

RSS feed.

File

core/themes/olivero/css/components/feed.pcss.css

View source
  1. /**
  2. * @file
  3. * RSS feed.
  4. */
  5. @import "../base/variables.pcss.css";
  6. .feed-icon {
  7. display: flex;
  8. align-items: center;
  9. text-decoration: none;
  10. color: var(--color--gray-25);
  11. &:hover {
  12. color: var(--color--blue-50);
  13. }
  14. }
  15. .feed-icon__label {
  16. flex-shrink: 0;
  17. letter-spacing: 0.08em;
  18. font-size: var(--font-size-xxs);
  19. font-weight: 600;
  20. }
  21. .feed-icon__icon {
  22. display: flex;
  23. flex-shrink: 0;
  24. align-items: center;
  25. justify-content: center;
  26. width: var(--sp1-5);
  27. height: var(--sp1-5);
  28. margin-inline-start: var(--sp0-5);
  29. color: var(--color--white);
  30. background-color: var(--color--blue-50);
  31. & svg {
  32. vertical-align: top;
  33. fill: currentColor;
  34. }
  35. }

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