announcements_feed.dialog.pcss.css

Same filename in other branches
  1. 11.x core/modules/announcements_feed/css/announcements_feed.dialog.pcss.css

Styles for the announcements feed within the off-canvas dialog.

File

core/modules/announcements_feed/css/announcements_feed.dialog.pcss.css

View source
  1. /**
  2. * @file
  3. *
  4. * Styles for the announcements feed within the off-canvas dialog.
  5. */
  6. #drupal-off-canvas-wrapper {
  7. & .ui-dialog-titlebar.announce-titlebar::before {
  8. -webkit-mask-image: url("../images/announcement-bell.svg");
  9. mask-image: url("../images/announcement-bell.svg");
  10. }
  11. & .announcements {
  12. padding-block-start: var(--off-canvas-padding);
  13. }
  14. & .announcements ul {
  15. margin: 0;
  16. padding-inline-start: 0;
  17. list-style: none;
  18. }
  19. & .announcement {
  20. font-size: 0.875rem;
  21. }
  22. & .announcement--featured {
  23. position: relative;
  24. margin-inline: calc(-1 * var(--off-canvas-padding));
  25. padding: 0 var(--off-canvas-padding) var(--off-canvas-padding);
  26. }
  27. & .announcement.announcement--featured + .announcement.announcement--standard {
  28. border-block-start: 1px solid var(--off-canvas-border-color);
  29. }
  30. & .announcement--standard {
  31. padding-block-start: var(--off-canvas-padding);
  32. }
  33. & .announcement__title {
  34. font-size: 1rem;
  35. }
  36. & .announcements--view-all {
  37. margin-block-start: 3rem;
  38. }
  39. }

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