contextual.icons.theme.css 955 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. /**
  2. * @file
  3. * Styling for contextual module icons.
  4. */
  5. /**
  6. * Toolbar tab icon.
  7. */
  8. .toolbar-bar .toolbar-icon-edit:before {
  9. background-image: url(../../../misc/icons/bebebe/pencil.svg);
  10. }
  11. .toolbar-bar .toolbar-icon-edit:active:before,
  12. .toolbar-bar .toolbar-icon-edit.is-active:before {
  13. background-image: url(../../../misc/icons/ffffff/pencil.svg);
  14. }
  15. /**
  16. * Contextual trigger.
  17. */
  18. .contextual .trigger {
  19. background-image: url(../../../misc/icons/bebebe/pencil.svg);
  20. background-position: center center;
  21. background-repeat: no-repeat;
  22. background-size: 16px 16px;
  23. /* Override the .focusable height: auto */
  24. height: 26px !important;
  25. /* Override the .focusable height: auto */
  26. width: 26px !important;
  27. text-indent: -9999px;
  28. }
  29. .contextual .trigger:hover {
  30. background-image: url(../../../misc/icons/787878/pencil.svg);
  31. }
  32. .contextual .trigger:focus {
  33. background-image: url(../../../misc/icons/5181c6/pencil.svg);
  34. outline: none;
  35. }