toolkit/content/widgets/moz-message-bar/moz-message-bar.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-message-bar.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;
@layer tokens-foundation {
:root,
:host {
--message-bar-background-color: var(--background-color-information);
--message-bar-border-color: oklch(from var(--message-bar-icon-color) l c h / 20%);
--message-bar-border-radius: var(--border-radius-medium);
--message-bar-border-width: var(--border-width);
--message-bar-container-min-height: var(--size-item-large);
--message-bar-icon-color: var(--icon-color-information);
--message-bar-icon-size: var(--icon-size);
--message-bar-text-color: var(--text-color);
}
}
/* Bug 1879900: Can't nest media queries inside of :host, :root selector
until Bug 1879349 lands */
@layer tokens-prefers-contrast {
@media (prefers-contrast) {
:root,
:host {
--message-bar-border-color: var(--border-color);
}
}
}