shortcut.icons.theme.css 998 B

1234567891011121314151617181920212223242526272829303132333435363738
  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. .toolbar-bar .toolbar-icon-shortcut:active:before,
  10. .toolbar-bar .toolbar-icon-shortcut.is-active:before {
  11. background-image: url(../../images/icons/shortcut.svg);
  12. }
  13. /**
  14. * Add/remove links.
  15. */
  16. .shortcut-action__icon {
  17. background: transparent url(../../images/shortcut/favstar.svg) no-repeat left top;
  18. width: 20px;
  19. height: 20px;
  20. display: inline-block;
  21. vertical-align: -2px;
  22. }
  23. [dir="rtl"] .shortcut-action__icon {
  24. background-image: url(../../images/shortcut/favstar-rtl.svg);
  25. }
  26. .shortcut-action--add:hover .shortcut-action__icon,
  27. .shortcut-action--add:focus .shortcut-action__icon {
  28. background-position: -20px top;
  29. }
  30. .shortcut-action--remove .shortcut-action__icon {
  31. background-position: -40px top;
  32. }
  33. .shortcut-action--remove:focus .shortcut-action__icon,
  34. .shortcut-action--remove:hover .shortcut-action__icon {
  35. background-position: -60px top;
  36. }