moz-select.tokens.css

firefox-main/toolkit/content/widgets/moz-select/moz-select.tokens.css (file symbol)

Enable keyboard shortcuts

Source code

File a bug in Toolkit :: UI Widgets

Revision control

Copy as Markdown

Other Tools

HG Web

/* 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-browser-theme, tokens-foundation-brand, tokens-foundation-nova, tokens-browser-theme-nova, tokens-foundation-brand-nova, tokens-prefers-contrast, tokens-prefers-contrast-nova, tokens-forced-colors, tokens-forced-colors-nova;

:root,

:host {

  @layer tokens-foundation {

    --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(--border-width) solid var(--select-border-color);

    --select-border-color: var(--button-border-color);

    --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-size-small: var(--select-font-size);

    --select-font-weight: var(--button-font-weight);

    --select-icon-fill: var(--button-icon-fill);

    --select-min-height: var(--button-min-height);

    --select-min-height-small: var(--select-min-height);

    --select-opacity-disabled: var(--button-opacity-disabled);

    --select-option-font-weight: var(--font-weight);

    --select-option-text-color: var(--text-color);

    --select-padding-block: var(--space-small);

    --select-padding-icon: var(--icon-size);

    --select-space-inline: var(--space-large);

    --select-space-inline-small: var(--space-large);

    --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);

  @media -moz-pref("browser.nova.enabled") {

    @layer tokens-foundation-nova {

      --select-border-color: var(--border-color-interactive);

      --select-border-color-hover: var(--border-color-interactive-hover);

      --select-border-color-disabled: var(--border-color-interactive-disabled);

      --select-font-size: var(--font-size-root);

      --select-font-size-small: var(--font-size-small);

      --select-min-height-small: var(--button-min-height-small);

      --select-padding-block: var(--button-padding-block);

      --select-space-inline: var(--button-padding-inline);

      --select-space-inline-small: var(--space-medium);