You are here

feed.css in Drupal 10

Same filename and directory in other branches
  1. 9 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. /*
  12. * Media query breakpoints.
  13. * Processed by postcss/postcss-custom-media.
  14. */
  15. /* Navigation related breakpoints */
  16. /* Grid related breakpoints */
  17. /* Grid shifts from 6 to 14 columns. */
  18. /* Width of the entire grid maxes out. */
  19. .feed-icon {
  20. display: flex;
  21. align-items: center;
  22. text-decoration: none;
  23. color: var(--color-text-neutral-soft)
  24. }
  25. .feed-icon:hover {
  26. color: var(--color--primary-50);
  27. }
  28. .feed-icon__label {
  29. flex-shrink: 0;
  30. letter-spacing: 0.08em;
  31. font-size: var(--font-size-xxs);
  32. font-weight: 600;
  33. }
  34. [dir="ltr"] .feed-icon__icon {
  35. margin-left: var(--sp0-5)
  36. }
  37. [dir="rtl"] .feed-icon__icon {
  38. margin-right: var(--sp0-5)
  39. }
  40. .feed-icon__icon {
  41. display: flex;
  42. flex-shrink: 0;
  43. align-items: center;
  44. justify-content: center;
  45. width: var(--sp1-5);
  46. height: var(--sp1-5);
  47. color: var(--color--white);
  48. background-color: var(--color--primary-50)
  49. }
  50. .feed-icon__icon svg {
  51. vertical-align: top;
  52. fill: currentColor;
  53. }