gin-toolbar-icons.pcss.css

Same filename and directory in other branches
  1. 11.x core/themes/default_admin/migration/css/base/gin-toolbar-icons.pcss.css
/* cspell:ignore webform, tmgmt, toleft, totop */
.toolbar-icon-workbench-content-tab::before,
.toolbar-link--admin-toolbar-tools-help::before,
.toolbar-button--icon--admin-toolbar-tools-help::before,
.toolbar-button--icon--navigation-extra-tools-help::before {
  --icon: var(--admin-icon-tool);
}

.toolbar-icon-system-themes-page::before,
.toolbar-link--system-themes-page::before,
.toolbar-button--icon--system-themes-page::before {
  --icon: var(--admin-icon-appearance);
}

.toolbar-link--blocks::before,
.toolbar-button--icon--navigation-blocks::before {
  --icon: var(--admin-icon-blocks);
}

.toolbar-link--bookmarks::before,
.toolbar-button--icon--bookmarks::before {
  --icon: var(--admin-icon-bookmarks);
}

.toolbar-icon-shortcut::before,
.toolbar-button--icon--shortcuts::before {
  --icon: var(--admin-icon-shortcut);
}

.toolbar-icon-system-admin-config::before,
.toolbar-link--system-admin-config::before,
.toolbar-button--icon--system-admin-config::before {
  --icon: var(--admin-icon-config);
}

.toolbar-icon-system-admin-content::before,
.toolbar-link--content::before,
.toolbar-button--icon--navigation-content::before {
  --icon: var(--admin-icon-content);
}

.toolbar-link--create::before,
.toolbar-button--icon--navigation-create::before {
  --icon: var(--admin-icon-create);
}

.toolbar-button--icon--thin-pencil::before {
  --icon: var(--admin-icon-edit);
}

.toolbar-icon-system-modules-list::before,
.toolbar-link--system-modules-list::before,
.toolbar-button--icon--system-modules-list::before {
  --icon: var(--admin-icon-extend-new);
}

.toolbar-link--files::before,
.toolbar-button--icon--navigation-files::before {
  --icon: var(--admin-icon-files);
}

.toolbar-icon-help-main::before,
.toolbar-icon-help::before,
.toolbar-link--help::before,
.toolbar-button--icon--help::before {
  --icon: var(--admin-icon-help);
}

.toolbar-icon-commerce-admin-commerce::before,
.toolbar-link--commerce-admin-commerce::before,
.toolbar-button--icon--commerce-admin-commerce::before,
.toolbar-icon-commerce-inbox::before,
.toolbar-link---commerce-inbox::before,
.toolbar-button--icon--commerce-inbox::before {
  --icon: var(--admin-icon-commerce);
}

.toolbar-link--media::before,
.toolbar-button--icon--navigation-media::before {
  --icon: var(--admin-icon-media);
}

.toolbar-icon-entity-user-collection::before,
.toolbar-link--entity-user-collection::before,
.toolbar-button--icon--entity-user-collection::before {
  --icon: var(--admin-icon-people-new);
}

.toolbar-icon-system-admin-reports::before,
.toolbar-link--system-admin-reports::before,
.toolbar-button--icon--system-admin-reports::before {
  --icon: var(--admin-icon-reports);
}

.toolbar-icon-system-admin-structure::before,
.toolbar-link--system-admin-structure::before,
.toolbar-button--icon--system-admin-structure::before {
  --icon: var(--admin-icon-structure);
}

.toolbar-icon-entity-webform-collection::before,
.toolbar-link--entity-webform-collection::before,
.toolbar-button--icon--entity-webform-collection::before {
  --icon: var(--admin-icon-webform);
}

.toolbar-link--sidebar-toggle[aria-expanded="false"]::before,
.toolbar-link--sidebar-toggle[aria-expanded="true"]::before,
.toolbar-link--sidebar-toggle[aria-expanded="false"]::before,
.toolbar-link--sidebar-toggle[aria-expanded="true"]::before {
  --icon: var(--admin-icon-chevron-down);
}

.toolbar-icon-user::before,
.toolbar-link--user::before,
.toolbar-button--icon--user::before,
.toolbar-button--icon--navigation-user-links-user-wrapper::before {
  --icon: var(--admin-icon-user);
}

.toolbar-icon-announcements-feed-announcement::before,
.toolbar-icon-announce::before,
.toolbar-link--announcements-feed-announcement::before,
.toolbar-button--icon--announcements-feed-announcement::before {
  --icon: var(--admin-icon-announcement);
}

.toolbar-icon-system-admin-group::before,
.toolbar-link--system-admin-group::before,
.toolbar-button--icon--system-admin-group::before {
  --icon: var(--admin-icon-group);
}

.toolbar-icon-tmgmt-admin-tmgmt::before,
.toolbar-link--tmgmt-admin-tmgmt::before,
.toolbar-icon-language::before,
.toolbar-link--language::before,
.toolbar-button--icon--tmgmt-admin-tmgmt::before,
.toolbar-button--icon--language::before {
  --icon: var(--admin-icon-tmgmt);
}

.toolbar-icon-bat-admin::before,
.toolbar-link--bat-admin::before,
.toolbar-button--icon--bat-admin::before {
  --icon: var(--admin-icon-bat);
}

.toolbar-icon-menu::before,
.toolbar-button--icon--burger::before {
  --icon: var(--admin-icon-hamburger);
}

.toolbar-icon-coffee::before,
#toolbar-item-administration-search::before,
#admin-toolbar-mobile-search-tab .toolbar-icon::before {
  --icon: var(--admin-icon-search);
}

.toolbar-icon-devel::before,
.toolbar-button--icon--devel::before {
  --icon: var(--admin-icon-devel);
}

.toolbar-icon-rebuild-cache-access::before {
  --icon: var(--admin-icon-rebuild-cache);
}

.responsive-preview-icon::before {
  --icon: var(--admin-icon-responsive-preview);
}

.toolbar-icon-environment::before,
.toolbar-button--icon--environment::before {
  --icon: var(--admin-icon-server);
}

.toolbar-icon-toggle-vertical::before,
.toolbar-button--icon--back::before {
  --icon: var(--admin-icon-nav-toggle-toleft);
}

.toolbar-icon-toggle-horizontal::before {
  --icon: var(--admin-icon-nav-toggle-totop);
}

.toolbar-button--icon--cross::before {
  --icon: var(--admin-icon-close);
}

.toolbar-button--icon--navigation-trash {
  --icon: var(--admin-icon-trash-module);
}

File

core/themes/default_admin/migration/css/base/gin-toolbar-icons.pcss.css

View source
  1. /* cspell:ignore webform, tmgmt, toleft, totop */
  2. .toolbar-icon-workbench-content-tab::before,
  3. .toolbar-link--admin-toolbar-tools-help::before,
  4. .toolbar-button--icon--admin-toolbar-tools-help::before,
  5. .toolbar-button--icon--navigation-extra-tools-help::before {
  6. --icon: var(--admin-icon-tool);
  7. }
  8. .toolbar-icon-system-themes-page::before,
  9. .toolbar-link--system-themes-page::before,
  10. .toolbar-button--icon--system-themes-page::before {
  11. --icon: var(--admin-icon-appearance);
  12. }
  13. .toolbar-link--blocks::before,
  14. .toolbar-button--icon--navigation-blocks::before {
  15. --icon: var(--admin-icon-blocks);
  16. }
  17. .toolbar-link--bookmarks::before,
  18. .toolbar-button--icon--bookmarks::before {
  19. --icon: var(--admin-icon-bookmarks);
  20. }
  21. .toolbar-icon-shortcut::before,
  22. .toolbar-button--icon--shortcuts::before {
  23. --icon: var(--admin-icon-shortcut);
  24. }
  25. .toolbar-icon-system-admin-config::before,
  26. .toolbar-link--system-admin-config::before,
  27. .toolbar-button--icon--system-admin-config::before {
  28. --icon: var(--admin-icon-config);
  29. }
  30. .toolbar-icon-system-admin-content::before,
  31. .toolbar-link--content::before,
  32. .toolbar-button--icon--navigation-content::before {
  33. --icon: var(--admin-icon-content);
  34. }
  35. .toolbar-link--create::before,
  36. .toolbar-button--icon--navigation-create::before {
  37. --icon: var(--admin-icon-create);
  38. }
  39. .toolbar-button--icon--thin-pencil::before {
  40. --icon: var(--admin-icon-edit);
  41. }
  42. .toolbar-icon-system-modules-list::before,
  43. .toolbar-link--system-modules-list::before,
  44. .toolbar-button--icon--system-modules-list::before {
  45. --icon: var(--admin-icon-extend-new);
  46. }
  47. .toolbar-link--files::before,
  48. .toolbar-button--icon--navigation-files::before {
  49. --icon: var(--admin-icon-files);
  50. }
  51. .toolbar-icon-help-main::before,
  52. .toolbar-icon-help::before,
  53. .toolbar-link--help::before,
  54. .toolbar-button--icon--help::before {
  55. --icon: var(--admin-icon-help);
  56. }
  57. .toolbar-icon-commerce-admin-commerce::before,
  58. .toolbar-link--commerce-admin-commerce::before,
  59. .toolbar-button--icon--commerce-admin-commerce::before,
  60. .toolbar-icon-commerce-inbox::before,
  61. .toolbar-link---commerce-inbox::before,
  62. .toolbar-button--icon--commerce-inbox::before {
  63. --icon: var(--admin-icon-commerce);
  64. }
  65. .toolbar-link--media::before,
  66. .toolbar-button--icon--navigation-media::before {
  67. --icon: var(--admin-icon-media);
  68. }
  69. .toolbar-icon-entity-user-collection::before,
  70. .toolbar-link--entity-user-collection::before,
  71. .toolbar-button--icon--entity-user-collection::before {
  72. --icon: var(--admin-icon-people-new);
  73. }
  74. .toolbar-icon-system-admin-reports::before,
  75. .toolbar-link--system-admin-reports::before,
  76. .toolbar-button--icon--system-admin-reports::before {
  77. --icon: var(--admin-icon-reports);
  78. }
  79. .toolbar-icon-system-admin-structure::before,
  80. .toolbar-link--system-admin-structure::before,
  81. .toolbar-button--icon--system-admin-structure::before {
  82. --icon: var(--admin-icon-structure);
  83. }
  84. .toolbar-icon-entity-webform-collection::before,
  85. .toolbar-link--entity-webform-collection::before,
  86. .toolbar-button--icon--entity-webform-collection::before {
  87. --icon: var(--admin-icon-webform);
  88. }
  89. .toolbar-link--sidebar-toggle[aria-expanded="false"]::before,
  90. .toolbar-link--sidebar-toggle[aria-expanded="true"]::before,
  91. .toolbar-link--sidebar-toggle[aria-expanded="false"]::before,
  92. .toolbar-link--sidebar-toggle[aria-expanded="true"]::before {
  93. --icon: var(--admin-icon-chevron-down);
  94. }
  95. .toolbar-icon-user::before,
  96. .toolbar-link--user::before,
  97. .toolbar-button--icon--user::before,
  98. .toolbar-button--icon--navigation-user-links-user-wrapper::before {
  99. --icon: var(--admin-icon-user);
  100. }
  101. .toolbar-icon-announcements-feed-announcement::before,
  102. .toolbar-icon-announce::before,
  103. .toolbar-link--announcements-feed-announcement::before,
  104. .toolbar-button--icon--announcements-feed-announcement::before {
  105. --icon: var(--admin-icon-announcement);
  106. }
  107. .toolbar-icon-system-admin-group::before,
  108. .toolbar-link--system-admin-group::before,
  109. .toolbar-button--icon--system-admin-group::before {
  110. --icon: var(--admin-icon-group);
  111. }
  112. .toolbar-icon-tmgmt-admin-tmgmt::before,
  113. .toolbar-link--tmgmt-admin-tmgmt::before,
  114. .toolbar-icon-language::before,
  115. .toolbar-link--language::before,
  116. .toolbar-button--icon--tmgmt-admin-tmgmt::before,
  117. .toolbar-button--icon--language::before {
  118. --icon: var(--admin-icon-tmgmt);
  119. }
  120. .toolbar-icon-bat-admin::before,
  121. .toolbar-link--bat-admin::before,
  122. .toolbar-button--icon--bat-admin::before {
  123. --icon: var(--admin-icon-bat);
  124. }
  125. .toolbar-icon-menu::before,
  126. .toolbar-button--icon--burger::before {
  127. --icon: var(--admin-icon-hamburger);
  128. }
  129. .toolbar-icon-coffee::before,
  130. #toolbar-item-administration-search::before,
  131. #admin-toolbar-mobile-search-tab .toolbar-icon::before {
  132. --icon: var(--admin-icon-search);
  133. }
  134. .toolbar-icon-devel::before,
  135. .toolbar-button--icon--devel::before {
  136. --icon: var(--admin-icon-devel);
  137. }
  138. .toolbar-icon-rebuild-cache-access::before {
  139. --icon: var(--admin-icon-rebuild-cache);
  140. }
  141. .responsive-preview-icon::before {
  142. --icon: var(--admin-icon-responsive-preview);
  143. }
  144. .toolbar-icon-environment::before,
  145. .toolbar-button--icon--environment::before {
  146. --icon: var(--admin-icon-server);
  147. }
  148. .toolbar-icon-toggle-vertical::before,
  149. .toolbar-button--icon--back::before {
  150. --icon: var(--admin-icon-nav-toggle-toleft);
  151. }
  152. .toolbar-icon-toggle-horizontal::before {
  153. --icon: var(--admin-icon-nav-toggle-totop);
  154. }
  155. .toolbar-button--icon--cross::before {
  156. --icon: var(--admin-icon-close);
  157. }
  158. .toolbar-button--icon--navigation-trash {
  159. --icon: var(--admin-icon-trash-module);
  160. }

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