diff options
Diffstat (limited to 'toolkit/themes/linux/global/button.css')
-rw-r--r-- | toolkit/themes/linux/global/button.css | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/toolkit/themes/linux/global/button.css b/toolkit/themes/linux/global/button.css new file mode 100644 index 0000000000..1793a2da26 --- /dev/null +++ b/toolkit/themes/linux/global/button.css @@ -0,0 +1,75 @@ +/* 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/. */ + +/* ===== button.css ===================================================== + == Styles used by the XUL button element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* :::::::::: button :::::::::: */ + +button { + margin: 1px 5px 2px; + min-width: 6.3em; + color: ButtonText; + text-shadow: none; +} + +.button-text { + margin: 0; + margin-inline-start: 2px; + text-align: center; +} + +/* .......... hover state .......... */ + +button:where(:hover:not([checked="true"])) { + color: -moz-buttonhovertext; +} + +/* .......... active state .......... */ + +button:where(:hover:active, [open="true"]) { + color: -moz-buttonactivetext; +} + +/* .......... disabled state .......... */ + +button:where([disabled="true"]) { + color: GrayText; +} + +/* .......... focused state .......... */ + +button:where(:focus-visible) { + outline: auto; +} + +/* ::::: menu buttons ::::: */ + +.button-menu-dropmarker { + appearance: auto; + -moz-default-appearance: toolbarbutton-dropdown; +} + +/* ::::: plain buttons ::::: */ + +button.plain { + margin: 0 !important; + padding: 0 !important; +} + +button[type="disclosure"] { + margin: 0; + appearance: none; + list-style-image: url("chrome://global/skin/icons/arrow-right-12.svg"); + -moz-context-properties: fill; + fill: currentColor; + min-width: 0; +} + +button[type="disclosure"][open="true"] { + list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg"); +} |