@spectrum-css/tokens
Version:
The Spectrum CSS tokens package
66 lines (53 loc) • 3.32 kB
CSS
/*!
* Copyright 2024 Adobe. All rights reserved.
*
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at <http://www.apache.org/licenses/LICENSE-2.0>
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
/* This file contains overrides and additions to core tokens */
.spectrum {
--system: spectrum;
--spectrum-animation-duration-0: 0ms;
--spectrum-animation-duration-100: 130ms;
--spectrum-animation-duration-200: 160ms;
--spectrum-animation-duration-300: 190ms;
--spectrum-animation-duration-400: 220ms;
--spectrum-animation-duration-500: 250ms;
--spectrum-animation-duration-600: 300ms;
--spectrum-animation-duration-700: 350ms;
--spectrum-animation-duration-800: 400ms;
--spectrum-animation-duration-900: 450ms;
--spectrum-animation-duration-1000: 500ms;
--spectrum-animation-duration-2000: 1000ms;
--spectrum-animation-duration-4000: 2000ms;
--spectrum-animation-duration-6000: 3000ms;
--spectrum-animation-linear: cubic-bezier(0, 0, 1, 1);
--spectrum-animation-ease-in-out: cubic-bezier(0.45, 0, 0.4, 1);
--spectrum-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
--spectrum-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
--spectrum-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
/* stylelint-disable value-keyword-case -- typography names should use their appropriate cases */
--spectrum-sans-font-family-stack: adobe-clean, var(--spectrum-sans-serif-font-family), "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
--spectrum-sans-serif-font: var(--spectrum-sans-font-family-stack);
--spectrum-serif-font-family-stack: adobe-clean-serif, var(--spectrum-serif-font-family), "Source Serif Pro", Georgia, serif;
--spectrum-serif-font: var(--spectrum-serif-font-family-stack);
--spectrum-code-font-family-stack: "Source Code Pro", Monaco, monospace;
--spectrum-font-family-ar: myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
--spectrum-font-family-he: myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
/* stylelint-enable value-keyword-case */
--spectrum-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-font-style: var(--spectrum-default-font-style);
--spectrum-font-size: var(--spectrum-font-size-100);
--spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
--spectrum-cjk-font: var(--spectrum-cjk-font-family-stack);
/* static white / black background color for docs containers */
--spectrum-docs-static-white-background-color: rgb(15 121 125);
--spectrum-docs-static-black-background-color: rgb(181 209 211);
--spectrum-coach-indicator-ring-static-white-color: var(--spectrum-white);
}