summaryrefslogtreecommitdiffstats
path: root/toolkit/themes/shared/close-icon.css
diff options
context:
space:
mode:
Diffstat (limited to 'toolkit/themes/shared/close-icon.css')
-rw-r--r--toolkit/themes/shared/close-icon.css42
1 files changed, 42 insertions, 0 deletions
diff --git a/toolkit/themes/shared/close-icon.css b/toolkit/themes/shared/close-icon.css
new file mode 100644
index 0000000000..35d7463276
--- /dev/null
+++ b/toolkit/themes/shared/close-icon.css
@@ -0,0 +1,42 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.close-icon {
+ appearance: none;
+ -moz-context-properties: fill, fill-opacity;
+ list-style-image: url(chrome://global/skin/icons/close.svg);
+ border-radius: 4px;
+ color: inherit;
+ fill: currentColor;
+ padding: 2px;
+ width: 20px;
+ height: auto;
+}
+
+@media not (prefers-contrast) {
+ .close-icon:hover {
+ background-color: color-mix(in srgb, currentColor 10%, transparent);
+ }
+}
+
+@media (prefers-contrast) {
+ .close-icon:hover {
+ outline: 1px solid currentColor;
+ }
+}
+
+.close-icon:hover:active {
+ background-color: color-mix(in srgb, currentColor 20%, transparent);
+}
+
+.close-icon > .button-icon,
+.close-icon > .button-box > .button-icon,
+.close-icon > .toolbarbutton-icon {
+ margin: 0;
+}
+
+.close-icon > .button-box > .button-text,
+.close-icon > .toolbarbutton-text {
+ display: none;
+}