Are we Design Tokens yet?

toolkit/content/widgets/panel-list/panel-item.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-panel-item.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;

@layer tokens-foundation {
  :root,
  :host {
    --panel-item-badge-inset-block-start: 4px;
    --panel-item-badge-inset-inline-start: 24px;
    --panel-item-button-border-radius: 0;
    --panel-item-button-margin: 0;
    --panel-item-button-padding: var(--space-xsmall) var(--space-small);
    --panel-item-button-padding-inline-start: var(--space-xxlarge);
  }
}

@media -moz-pref("browser.nova.enabled") {
  @layer tokens-foundation-nova {
    :root,
    :host {
      --panel-item-badge-inset-block-start: var(--space-xsmall);
      --panel-item-badge-inset-inline-start: calc(var(--panel-menuitem-padding-inline) + var(--icon-size));
      --panel-item-button-border-radius: var(--panel-menuitem-border-radius);
      --panel-item-button-margin: var(--panel-menuitem-margin);
      --panel-item-button-padding: var(--panel-menuitem-padding);
      --panel-item-button-padding-inline-start: calc(var(--panel-menuitem-padding-inline) + var(--icon-size) + var(--space-small));
    }
  }
}
Back to Home