1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
7:host(:not([native])) {
8  appearance: none;
9  background-color: var(--button-bgcolor, ButtonFace);
10  color: var(--button-color, ButtonText);
11  border-radius: 4px;
12  padding-block: 4px;
13  padding-inline: 12px 8px;
14  margin: 5px 2px 3px;
15}
16
17:host(:not([native])[size="medium"]) {
18  padding-block: 6px;
19  padding-inline: 16px 10px;
20}
21
22:host(:not([native])[size="large"]) {
23  padding-block: 8px;
24  padding-inline: 16px 12px;
25}
26
27:host(:not([native]):hover) {
28  background-color: var(--button-hover-bgcolor, color-mix(in srgb, currentColor 10%, ButtonFace));
29}
30
31:host(:not([native]):hover:active) {
32  background-color: var(--button-active-bgcolor, color-mix(in srgb, currentColor 20%, ButtonFace));
33}
34
35:host(:not([native]):focus-visible) {
36  outline: var(--focus-outline);
37  outline-offset: var(--focus-outline-offset);
38}
39
40#label-box:not([native]) {
41  -moz-box-align: center;
42  -moz-box-pack: center;
43  font-weight: 600;
44}
45
46dropmarker:not([native]) {
47  display: -moz-box;
48  appearance: none;
49  width: 12px;
50  height: 12px;
51}
52
53dropmarker:not([native])::part(icon) {
54  list-style-image: url(chrome://global/skin/icons/arrow-down.svg);
55  -moz-context-properties: fill;
56  fill: currentColor;
57}
58
59#highlightable-label:not([highlightable="true"]),
60#label[highlightable="true"] {
61  display: none;
62}
63