Are we Design Tokens yet?

toolkit/content/widgets/moz-select/moz-select.tokens.css

Propagation: No Props Found

Back to Home
/* 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/. */

/* DO NOT EDIT this file directly, instead modify moz-select.tokens.json
 * and run `mach buildtokens` to see your changes. */

@layer tokens-foundation, tokens-foundation-nova, tokens-prefers-contrast, tokens-prefers-contrast-nova, tokens-forced-colors, tokens-forced-colors-nova, tokens-browser-theme, tokens-browser-theme-nova;

@layer tokens-foundation {
  :root,
  :host {
    --select-background-color: var(--button-background-color);
    --select-background-color-hover: var(--button-background-color-hover);
    --select-background-color-disabled: var(--button-background-color-disabled);
    --select-border: var(--button-border);
    --select-border-color-hover: var(--button-border-color-hover);
    --select-border-color-disabled: var(--button-border-color-disabled);
    --select-border-radius: var(--button-border-radius);
    --select-font-size: var(--button-font-size);
    --select-font-weight: var(--button-font-weight);
    --select-icon-fill: var(--button-icon-fill);
    --select-min-height: var(--button-min-height);
    --select-opacity-disabled: var(--button-opacity-disabled);
    --select-option-font-weight: var(--font-weight);
    --select-option-text-color: var(--text-color);
    --select-text-color: var(--button-text-color);
    --select-text-color-hover: var(--button-text-color-hover);
    --select-text-color-disabled: var(--button-text-color-disabled);
  }
}
Back to Home