announcements_feed.toolbar.pcss.css

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

Styles for the announcements toolbar item.

File

core/modules/announcements_feed/css/announcements_feed.toolbar.pcss.css

View source
  1. /**
  2. * @file
  3. *
  4. * Styles for the announcements toolbar item.
  5. */
  6. .toolbar .toolbar-icon.announce-canvas-link::before {
  7. background-image: url("../images/announcement-bell.svg");
  8. @media (forced-colors: active) {
  9. background: linktext;
  10. mask-image: url("../images/announcement-bell.svg");
  11. mask-repeat: no-repeat;
  12. mask-position: center;
  13. }
  14. }
  15. /* Pushes the tab to the opposite side of the page. */
  16. .toolbar .toolbar-bar .announce-toolbar-tab.toolbar-tab {
  17. float: right; /* LTR */
  18. &:dir(rtl) {
  19. float: left;
  20. }
  21. }

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