package.base.tokens.tokens-charts.scss Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of patternfly Show documentation
Show all versions of patternfly Show documentation
Assets, source, tooling, and content for PatternFly 4
The newest version!
// Do not edit directly
// Generated on Mon, 23 Sep 2024 22:48:17 GMT
@mixin pf-v6-tokens {
--pf-t--chart--global--BorderWidth--lg: 8;
--pf-t--chart--global--BorderWidth--sm: 2;
--pf-t--chart--global--BorderWidth--xs: 1;
--pf-t--chart--global--FontSize--2xl: 22;
--pf-t--chart--global--FontSize--lg: 18;
--pf-t--chart--global--FontSize--sm: 14;
--pf-t--chart--global--FontSize--xs: 12;
--pf-t--chart--global--label--margin: 8;
--pf-t--chart--global--label--padding: 10;
--pf-t--chart--global--label--stroke: transparent;
--pf-t--chart--global--label--text-anchor: middle;
--pf-t--chart--global--layout--height: 300;
--pf-t--chart--global--layout--padding: 50;
--pf-t--chart--global--layout--width: 450;
--pf-t--chart--global--letter-spacing: normal;
--pf-t--chart--global--stroke--width--sm: 2;
--pf-t--chart--global--stroke--width--xs: 1;
--pf-t--chart--global--stroke-line-cap: round;
--pf-t--chart--global--stroke-line-join: round;
--pf-t--chart--color--black--100: var(--pf-t--color--gray--10);
--pf-t--chart--color--black--200: var(--pf-t--color--gray--20);
--pf-t--chart--color--black--300: var(--pf-t--color--gray--30);
--pf-t--chart--color--black--400: var(--pf-t--color--gray--40);
--pf-t--chart--color--black--500: var(--pf-t--color--gray--50);
--pf-t--chart--color--blue--100: var(--pf-t--color--blue--30);
--pf-t--chart--color--blue--200: var(--pf-t--color--blue--40);
--pf-t--chart--color--blue--300: var(--pf-t--color--blue--50);
--pf-t--chart--color--blue--400: var(--pf-t--color--blue--60);
--pf-t--chart--color--blue--500: var(--pf-t--color--blue--70);
--pf-t--chart--color--green--100: var(--pf-t--color--green--30);
--pf-t--chart--color--green--200: var(--pf-t--color--green--40);
--pf-t--chart--color--green--300: var(--pf-t--color--green--50);
--pf-t--chart--color--green--400: var(--pf-t--color--green--60);
--pf-t--chart--color--green--500: var(--pf-t--color--green--70);
--pf-t--chart--color--orange--100: var(--pf-t--color--orange--30);
--pf-t--chart--color--orange--200: var(--pf-t--color--orange--40);
--pf-t--chart--color--orange--300: var(--pf-t--color--orange--50);
--pf-t--chart--color--orange--400: var(--pf-t--color--orange--60);
--pf-t--chart--color--orange--500: var(--pf-t--color--orange--70);
--pf-t--chart--color--purple--100: var(--pf-t--color--purple--30);
--pf-t--chart--color--purple--200: var(--pf-t--color--purple--40);
--pf-t--chart--color--purple--300: var(--pf-t--color--purple--50);
--pf-t--chart--color--purple--400: var(--pf-t--color--purple--60);
--pf-t--chart--color--purple--500: var(--pf-t--color--purple--70);
--pf-t--chart--color--red-orange--100: var(--pf-t--color--red-orange--30);
--pf-t--chart--color--red-orange--200: var(--pf-t--color--red-orange--40);
--pf-t--chart--color--red-orange--300: var(--pf-t--color--red-orange--50);
--pf-t--chart--color--red-orange--400: var(--pf-t--color--red-orange--60);
--pf-t--chart--color--red-orange--500: var(--pf-t--color--red-orange--70);
--pf-t--chart--color--teal--100: var(--pf-t--color--teal--30);
--pf-t--chart--color--teal--200: var(--pf-t--color--teal--40);
--pf-t--chart--color--teal--300: var(--pf-t--color--teal--50);
--pf-t--chart--color--teal--400: var(--pf-t--color--teal--60);
--pf-t--chart--color--teal--500: var(--pf-t--color--teal--70);
--pf-t--chart--color--yellow--100: var(--pf-t--color--yellow--20);
--pf-t--chart--color--yellow--200: var(--pf-t--color--yellow--30);
--pf-t--chart--color--yellow--300: var(--pf-t--color--yellow--40);
--pf-t--chart--color--yellow--400: var(--pf-t--color--yellow--50);
--pf-t--chart--color--yellow--500: var(--pf-t--color--yellow--60);
--pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--60);
--pf-t--chart--global--fill--color--100: var(--pf-t--color--gray--10);
--pf-t--chart--global--fill--color--200: var(--pf-t--color--gray--20);
--pf-t--chart--global--fill--color--300: var(--pf-t--color--gray--30);
--pf-t--chart--global--fill--color--400: var(--pf-t--color--gray--40);
--pf-t--chart--global--fill--color--500: var(--pf-t--color--gray--50);
--pf-t--chart--global--fill--color--700: var(--pf-t--color--gray--70);
--pf-t--chart--global--fill--color--900: var(--pf-t--color--gray--90);
--pf-t--chart--global--fill--color--white: var(--pf-t--color--white);
--pf-t--chart--global--label--fill: var(--pf-t--color--gray--90);
--pf-t--chart--global--success--color--100: var(--pf-t--color--blue--50);
--pf-t--chart--global--warning--color--100: var(--pf-t--color--orange--40);
--pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--40);
--pf-t--chart--theme--colorscales--blue--colorscale--100: var(--pf-t--chart--color--blue--300);
--pf-t--chart--theme--colorscales--blue--colorscale--200: var(--pf-t--chart--color--blue--100);
--pf-t--chart--theme--colorscales--blue--colorscale--300: var(--pf-t--chart--color--blue--500);
--pf-t--chart--theme--colorscales--blue--colorscale--400: var(--pf-t--chart--color--blue--200);
--pf-t--chart--theme--colorscales--blue--colorscale--500: var(--pf-t--chart--color--blue--400);
--pf-t--chart--theme--colorscales--gray--colorscale--100: var(--pf-t--chart--color--black--300);
--pf-t--chart--theme--colorscales--gray--colorscale--200: var(--pf-t--chart--color--black--100);
--pf-t--chart--theme--colorscales--gray--colorscale--300: var(--pf-t--chart--color--black--500);
--pf-t--chart--theme--colorscales--gray--colorscale--400: var(--pf-t--chart--color--black--200);
--pf-t--chart--theme--colorscales--gray--colorscale--500: var(--pf-t--chart--color--black--400);
--pf-t--chart--theme--colorscales--green--colorscale--100: var(--pf-t--chart--color--green--300);
--pf-t--chart--theme--colorscales--green--colorscale--200: var(--pf-t--chart--color--green--100);
--pf-t--chart--theme--colorscales--green--colorscale--300: var(--pf-t--chart--color--green--500);
--pf-t--chart--theme--colorscales--green--colorscale--400: var(--pf-t--chart--color--green--200);
--pf-t--chart--theme--colorscales--green--colorscale--500: var(--pf-t--chart--color--green--400);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--100: var(--pf-t--chart--color--blue--300);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1000: var(--pf-t--chart--color--orange--100);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1100: var(--pf-t--chart--color--blue--500);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1200: var(--pf-t--chart--color--green--100);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1300: var(--pf-t--chart--color--teal--500);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1400: var(--pf-t--chart--color--yellow--100);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1500: var(--pf-t--chart--color--orange--500);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1600: var(--pf-t--chart--color--blue--200);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1700: var(--pf-t--chart--color--green--400);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1800: var(--pf-t--chart--color--teal--200);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1900: var(--pf-t--chart--color--yellow--400);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--200: var(--pf-t--chart--color--green--300);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2000: var(--pf-t--chart--color--orange--200);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2100: var(--pf-t--chart--color--blue--400);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2200: var(--pf-t--chart--color--green--200);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2300: var(--pf-t--chart--color--teal--400);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2400: var(--pf-t--chart--color--yellow--200);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2500: var(--pf-t--chart--color--orange--400);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--300: var(--pf-t--chart--color--teal--300);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--400: var(--pf-t--chart--color--yellow--300);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--500: var(--pf-t--chart--color--orange--300);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--600: var(--pf-t--chart--color--blue--100);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--700: var(--pf-t--chart--color--green--500);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--800: var(--pf-t--chart--color--teal--100);
--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--900: var(--pf-t--chart--color--yellow--500);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--100: var(--pf-t--chart--color--blue--300);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1000: var(--pf-t--chart--color--green--100);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1100: var(--pf-t--chart--color--purple--500);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1200: var(--pf-t--chart--color--orange--100);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1300: var(--pf-t--chart--color--teal--500);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1400: var(--pf-t--chart--color--black--100);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1500: var(--pf-t--chart--color--blue--500);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1600: var(--pf-t--chart--color--yellow--100);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1700: var(--pf-t--chart--color--green--500);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1800: var(--pf-t--chart--color--purple--100);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1900: var(--pf-t--chart--color--orange--500);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--200: var(--pf-t--chart--color--yellow--300);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2000: var(--pf-t--chart--color--teal--100);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2100: var(--pf-t--chart--color--black--500);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2200: var(--pf-t--chart--color--blue--200);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2300: var(--pf-t--chart--color--yellow--400);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2400: var(--pf-t--chart--color--green--200);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2500: var(--pf-t--chart--color--purple--400);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2600: var(--pf-t--chart--color--orange--200);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2700: var(--pf-t--chart--color--teal--400);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2800: var(--pf-t--chart--color--black--200);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2900: var(--pf-t--chart--color--blue--400);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--300: var(--pf-t--chart--color--green--300);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3000: var(--pf-t--chart--color--yellow--200);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3100: var(--pf-t--chart--color--green--400);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3200: var(--pf-t--chart--color--purple--200);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3300: var(--pf-t--chart--color--orange--400);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3400: var(--pf-t--chart--color--teal--200);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3500: var(--pf-t--chart--color--black--400);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--400: var(--pf-t--chart--color--purple--300);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--500: var(--pf-t--chart--color--orange--300);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--600: var(--pf-t--chart--color--teal--300);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--700: var(--pf-t--chart--color--black--300);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--800: var(--pf-t--chart--color--blue--100);
--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--900: var(--pf-t--chart--color--yellow--500);
--pf-t--chart--theme--colorscales--orange--colorscale--100: var(--pf-t--chart--color--orange--300);
--pf-t--chart--theme--colorscales--orange--colorscale--200: var(--pf-t--chart--color--orange--100);
--pf-t--chart--theme--colorscales--orange--colorscale--300: var(--pf-t--chart--color--orange--500);
--pf-t--chart--theme--colorscales--orange--colorscale--400: var(--pf-t--chart--color--orange--200);
--pf-t--chart--theme--colorscales--orange--colorscale--500: var(--pf-t--chart--color--orange--400);
--pf-t--chart--theme--colorscales--purple--colorscale--100: var(--pf-t--chart--color--purple--300);
--pf-t--chart--theme--colorscales--purple--colorscale--200: var(--pf-t--chart--color--purple--100);
--pf-t--chart--theme--colorscales--purple--colorscale--300: var(--pf-t--chart--color--purple--500);
--pf-t--chart--theme--colorscales--purple--colorscale--400: var(--pf-t--chart--color--purple--200);
--pf-t--chart--theme--colorscales--purple--colorscale--500: var(--pf-t--chart--color--purple--400);
--pf-t--chart--theme--colorscales--teal--colorscale--100: var(--pf-t--chart--color--teal--300);
--pf-t--chart--theme--colorscales--teal--colorscale--200: var(--pf-t--chart--color--teal--100);
--pf-t--chart--theme--colorscales--teal--colorscale--300: var(--pf-t--chart--color--teal--500);
--pf-t--chart--theme--colorscales--teal--colorscale--400: var(--pf-t--chart--color--teal--200);
--pf-t--chart--theme--colorscales--teal--colorscale--500: var(--pf-t--chart--color--teal--400);
--pf-t--chart--theme--colorscales--yellow--colorscale--100: var(--pf-t--chart--color--yellow--300);
--pf-t--chart--theme--colorscales--yellow--colorscale--200: var(--pf-t--chart--color--yellow--100);
--pf-t--chart--theme--colorscales--yellow--colorscale--300: var(--pf-t--chart--color--yellow--500);
--pf-t--chart--theme--colorscales--yellow--colorscale--400: var(--pf-t--chart--color--yellow--200);
--pf-t--chart--theme--colorscales--yellow--colorscale--500: var(--pf-t--chart--color--yellow--400);
}
© 2015 - 2025 Weber Informatics LLC | Privacy Policy