feed.css

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

RSS feed.

File

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

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * RSS feed.
  10. */
  11. .feed-icon {
  12. display: flex;
  13. align-items: center;
  14. -webkit-text-decoration: none;
  15. text-decoration: none;
  16. color: var(--color-text-neutral-soft);
  17. }
  18. .feed-icon:hover {
  19. color: var(--color--primary-50);
  20. }
  21. @media (max-width: 75rem) {
  22. .feed-icon {
  23. flex-direction: row-reverse;
  24. justify-content: flex-end;
  25. }
  26. }
  27. .feed-icon__label {
  28. flex-shrink: 0;
  29. letter-spacing: 0.08em;
  30. font-size: var(--font-size-xxs);
  31. font-weight: 600;
  32. }
  33. .feed-icon__icon {
  34. display: flex;
  35. flex-shrink: 0;
  36. align-items: center;
  37. justify-content: center;
  38. width: var(--sp1-5);
  39. height: var(--sp1-5);
  40. margin-inline-start: var(--sp0-5);
  41. color: var(--color--white);
  42. border-radius: 2px;
  43. background-color: var(--color--primary-50);
  44. }
  45. .feed-icon__icon svg {
  46. vertical-align: top;
  47. fill: currentColor;
  48. }
  49. @media (max-width: 75rem) {
  50. .feed-icon__icon {
  51. margin-inline: 0 var(--sp0-5);
  52. }
  53. }

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