contextual.icons.theme.css

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

Styling for contextual module icons.

File

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

View source
  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(../../images/core/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(../../images/core/icons/ffffff/pencil.svg);
  14. }
  15. /**
  16. * Contextual trigger.
  17. */
  18. .contextual .trigger {
  19. /* Override the .focusable height: auto */
  20. width: 26px !important;
  21. /* Override the .focusable height: auto */
  22. height: 26px !important;
  23. text-indent: -9999px;
  24. background-image: url(../../images/core/icons/bebebe/pencil.svg);
  25. background-repeat: no-repeat;
  26. background-position: center center;
  27. background-size: 16px 16px;
  28. }
  29. .contextual .trigger:hover {
  30. background-image: url(../../images/core/icons/787878/pencil.svg);
  31. }
  32. .contextual .trigger:focus {
  33. outline: none;
  34. background-image: url(../../images/core/icons/5181c6/pencil.svg);
  35. }

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