Version 1

[yaffs-website] / web / core / modules / contextual / css / contextual.icons.theme.css

diff --git a/web/core/modules/contextual/css/contextual.icons.theme.css b/web/core/modules/contextual/css/contextual.icons.theme.css
new file mode 100644 (file)
index 0000000..7eb3f43
--- /dev/null
+++ b/web/core/modules/contextual/css/contextual.icons.theme.css
@@ -0,0 +1,39 @@
+/**
+ * @file
+ * Styling for contextual module icons.
+ */
+
+/**
+ * Toolbar tab icon.
+ */
+.toolbar-bar .toolbar-icon-edit:before {
+  background-image: url(../../../misc/icons/bebebe/pencil.svg);
+}
+.toolbar-bar .toolbar-icon-edit:active:before,
+.toolbar-bar .toolbar-icon-edit.is-active:before {
+  background-image: url(../../../misc/icons/ffffff/pencil.svg);
+}
+
+/**
+ * Contextual trigger.
+ */
+.contextual .trigger {
+  background-image: url(../../../misc/icons/bebebe/pencil.svg);
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+  /* Override the .focusable height: auto */
+  height: 26px !important;
+  /* Override the .focusable height: auto */
+  width: 26px !important;
+  text-indent: -9999px;
+}
+
+.contextual .trigger:hover {
+  background-image: url(../../../misc/icons/787878/pencil.svg);
+}
+
+.contextual .trigger:focus {
+  background-image: url(../../../misc/icons/5181c6/pencil.svg);
+  outline: none;
+}