shortcut.icons.theme.css

Same filename in this branch
  1. 9 core/themes/stable9/css/shortcut/shortcut.icons.theme.css
  2. 9 core/modules/shortcut/css/shortcut.icons.theme.css
Same filename in other branches
  1. 8.9.x core/themes/stable/css/shortcut/shortcut.icons.theme.css
  2. 8.9.x core/modules/shortcut/css/shortcut.icons.theme.css
  3. 10 core/themes/stable9/css/shortcut/shortcut.icons.theme.css
  4. 10 core/modules/shortcut/css/shortcut.icons.theme.css
  5. 11.x core/themes/stable9/css/shortcut/shortcut.icons.theme.css
  6. 11.x core/modules/shortcut/css/shortcut.icons.theme.css

Styling for the shortcut module icons.

File

core/themes/stable/css/shortcut/shortcut.icons.theme.css

View source
  1. /**
  2. * @file
  3. * Styling for the shortcut module icons.
  4. */
  5. /**
  6. * Toolbar tab icon.
  7. */
  8. .toolbar-bar .toolbar-icon-shortcut:before {
  9. background-image: url(../../images/core/icons/bebebe/star.svg);
  10. }
  11. .toolbar-bar .toolbar-icon-shortcut:active:before,
  12. .toolbar-bar .toolbar-icon-shortcut.is-active:before {
  13. background-image: url(../../images/core/icons/ffffff/star.svg);
  14. }
  15. /**
  16. * Add/remove links.
  17. */
  18. .shortcut-action__icon {
  19. display: inline-block;
  20. width: 20px;
  21. height: 20px;
  22. vertical-align: -2px;
  23. background: transparent url(../../images/shortcut/favstar.svg) no-repeat left top;
  24. }
  25. [dir="rtl"] .shortcut-action__icon {
  26. background-image: url(../../images/shortcut/favstar-rtl.svg);
  27. }
  28. .shortcut-action--add:hover .shortcut-action__icon,
  29. .shortcut-action--add:focus .shortcut-action__icon {
  30. background-position: -20px top;
  31. }
  32. .shortcut-action--remove .shortcut-action__icon {
  33. background-position: -40px top;
  34. }
  35. .shortcut-action--remove:focus .shortcut-action__icon,
  36. .shortcut-action--remove:hover .shortcut-action__icon {
  37. background-position: -60px top;
  38. }

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