quickedit.icons.theme.css

Same filename in this branch
  1. 9 core/themes/stable9/css/quickedit/quickedit.icons.theme.css
  2. 9 core/themes/stable/css/quickedit/quickedit.icons.theme.css
Same filename in other branches
  1. 8.9.x core/themes/stable/css/quickedit/quickedit.icons.theme.css
  2. 8.9.x core/modules/quickedit/css/quickedit.icons.theme.css

Icons for Quick Edit module.

File

core/modules/quickedit/css/quickedit.icons.theme.css

View source
  1. /**
  2. * @file
  3. * Icons for Quick Edit module.
  4. */
  5. .quickedit .icon {
  6. position: relative;
  7. min-width: 2.5em;
  8. min-height: 1em;
  9. }
  10. .quickedit .icon.icon-only {
  11. text-indent: -9999px;
  12. }
  13. .quickedit .icon.icon-end {
  14. padding-right: 2.5em; /* LTR */
  15. }
  16. [dir="rtl"] .quickedit .icon.icon-end {
  17. padding-right: 0;
  18. padding-left: 2.5em;
  19. }
  20. .quickedit .icon:before {
  21. position: absolute;
  22. top: 0;
  23. left: 0; /* LTR */
  24. display: block;
  25. width: 100%;
  26. height: 100%;
  27. content: "";
  28. background-color: transparent;
  29. background-repeat: no-repeat;
  30. background-attachment: scroll;
  31. background-position: center center;
  32. }
  33. [dir="rtl"] .quickedit .icon:before {
  34. right: 0;
  35. left: auto;
  36. }
  37. .quickedit .icon-end:before {
  38. right: 0.5em; /* LTR */
  39. left: auto; /* LTR */
  40. width: 18px;
  41. }
  42. [dir="rtl"] .quickedit .icon-end:before {
  43. right: auto;
  44. left: 0.5em;
  45. }
  46. .quickedit button.icon {
  47. font-size: 1em;
  48. }
  49. .quickedit .icon-pencil {
  50. margin-left: 0.5em;
  51. padding-left: 1.5em;
  52. }
  53. /**
  54. * Images.
  55. */
  56. .quickedit .icon-close:before {
  57. top: 10px;
  58. height: 12px;
  59. background-image: url(../../../misc/icons/787878/ex.svg);
  60. }
  61. .quickedit .icon-close:hover:before,
  62. .quickedit .icon-close:active:before {
  63. background-image: url(../../../misc/icons/000000/ex.svg);
  64. }
  65. .quickedit .icon-throbber:before {
  66. background-image: url(../images/icon-throbber.gif);
  67. }
  68. .quickedit .icon-pencil:before {
  69. background-image: url(../../../misc/icons/5181c6/pencil.svg);
  70. background-position: left center;
  71. background-size: 1.3em;
  72. }

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