mirror of https://github.com/Budibase/budibase.git
nocodelowcodelow-codedockerdocker-composeinternal-projectinternal-toolinternal-toolslow-code-developmentlow-code-development-platformopensourceselfhostedweb-devweb-developmentweb-development-toolswebdevwebdevelopmentworkflow-automationautomationdeveloper-tools
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
191 lines
6.0 KiB
191 lines
6.0 KiB
/*
|
|
Copyright 2019 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.
|
|
*/
|
|
|
|
/**
|
|
* Spectrum CSS Typography V3 (numeric) & V4 (t-shirt)
|
|
*
|
|
* Adds typography colors to be processed by
|
|
* mixins that are auto-generated in tools/component-builder/css/processor.js
|
|
*
|
|
*/
|
|
|
|
/* t-shirt size-based typography */
|
|
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeXXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeM {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeS {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeXS {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeXXS {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXXL--light, heading-light-XXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXL--light, heading-light-XXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXL--light, heading-light-XL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeL--light, heading-light-L {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXXL--heavy, heading-heavy-XXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXL--heavy, heading-heavy-XXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXL--heavy, heading-heavy-XL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeL--heavy, heading-heavy-L {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXXL--heading, heading-XXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXL--heading, heading-XXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXL--heading, heading-XL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeL--heading, heading-L {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeXXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeM {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeS {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeXS {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Detail--sizeXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Detail--sizeL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Detail--sizeM {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Detail--sizeS {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Code--sizeXL, code-XL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Code--sizeL, code-L {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Code--sizeM, code-M {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Code--sizeS, code-S {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Code--sizeXS, code-XS {
|
|
}
|
|
|
|
.spectrum {
|
|
&:lang(ja),
|
|
&:lang(ko),
|
|
&:lang(zh) {
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeXXXL, body-han-XXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeXXL, body-han-XXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeXL, body-han-XL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeL, body-han-L {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeM, body-han-M {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeS, body-han-S {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Body--sizeXS, body-han-XS {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeXXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeM {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeS {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeXS {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading--sizeXXS {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXXL--light,
|
|
heading-light-XXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXL--light, heading-light-XXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXL--light, heading-light-XL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeL--light, heading-light-L {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXXL--heavy,
|
|
heading-heavy-XXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXL--heavy, heading-heavy-XXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXL--heavy, heading-heavy-XL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeL--heavy, heading-heavy-L {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXXL--heading, heading-XXXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXXL--heading, heading-XXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeXL--heading, heading-XL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Heading-sizeL--heading, heading-L {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Detail--sizeXL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Detail--sizeL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Detail--sizeM {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Detail--sizeS {
|
|
}
|
|
|
|
@mixin typographyTShirtColor .spectrum-Code--sizeXL, code-XL {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Code--sizeL, code-L {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Code--sizeM, code-M {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Code--sizeS, code-S {
|
|
}
|
|
@mixin typographyTShirtColor .spectrum-Code--sizeXS, code-XS {
|
|
}
|
|
}
|
|
}
|
|
&,
|
|
.spectrum-Body {
|
|
color: var(--spectrum-body-m-text-color);
|
|
}
|
|
|