• Home
• org.mvnpm.at.patternfly
• patternfly
• 6.0.0
• source code
• tokens-local.scss

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

package.base.tokens.tokens-local.scss Maven / Gradle / Ivy

// LOCAL TOKENS

@mixin pf-v6-tokens {
  // TODO Maintaining these in addition to the h1-h6 sizes
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
  --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
  --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
  --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);

  // Legacy/non-variable font opt-in
  --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
  --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
  --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
  --pf-t--global--font--weight--body--legacy: 400;
  --pf-t--global--font--weight--body--bold--legacy: 700;
  --pf-t--global--font--weight--heading--legacy: 400;
  --pf-t--global--font--weight--heading--bold--legacy: 700;

  // Other missing ones
  // sm box-shadow
  --pf-t--global--box-shadow--sm: 
    var(--pf-t--global--box-shadow--X--sm--default) 
    var(--pf-t--global--box-shadow--Y--sm--default) 
    var(--pf-t--global--box-shadow--blur--sm) 
    var(--pf-t--global--box-shadow--spread--sm--default)
    var(--pf-t--global--box-shadow--color--sm--default);
  --pf-t--global--box-shadow--sm--top: 
    var(--pf-t--global--box-shadow--X--sm--top) 
    var(--pf-t--global--box-shadow--Y--sm--top) 
    var(--pf-t--global--box-shadow--blur--sm) 
    var(--pf-t--global--box-shadow--spread--sm--directional)
    var(--pf-t--global--box-shadow--color--sm--directional);
  --pf-t--global--box-shadow--sm--bottom: 
    var(--pf-t--global--box-shadow--X--sm--bottom) 
    var(--pf-t--global--box-shadow--Y--sm--bottom) 
    var(--pf-t--global--box-shadow--blur--sm) 
    var(--pf-t--global--box-shadow--spread--sm--directional)
    var(--pf-t--global--box-shadow--color--sm--directional);
  --pf-t--global--box-shadow--sm--left: 
    var(--pf-t--global--box-shadow--X--sm--left) 
    var(--pf-t--global--box-shadow--Y--sm--left) 
    var(--pf-t--global--box-shadow--blur--sm) 
    var(--pf-t--global--box-shadow--spread--sm--directional)
    var(--pf-t--global--box-shadow--color--sm--directional);
  --pf-t--global--box-shadow--sm--right: 
    var(--pf-t--global--box-shadow--X--sm--right) 
    var(--pf-t--global--box-shadow--Y--sm--right) 
    var(--pf-t--global--box-shadow--blur--sm) 
    var(--pf-t--global--box-shadow--spread--sm--directional)
    var(--pf-t--global--box-shadow--color--sm--directional);

  // md box-shadow
  --pf-t--global--box-shadow--md: 
    var(--pf-t--global--box-shadow--X--md--default) 
    var(--pf-t--global--box-shadow--Y--md--default) 
    var(--pf-t--global--box-shadow--blur--md) 
    var(--pf-t--global--box-shadow--spread--md--default)
    var(--pf-t--global--box-shadow--color--md--default);
  --pf-t--global--box-shadow--md--top: 
    var(--pf-t--global--box-shadow--X--md--top) 
    var(--pf-t--global--box-shadow--Y--md--top) 
    var(--pf-t--global--box-shadow--blur--md) 
    var(--pf-t--global--box-shadow--spread--md--directional)
    var(--pf-t--global--box-shadow--color--md--directional);
  --pf-t--global--box-shadow--md--bottom: 
    var(--pf-t--global--box-shadow--X--md--bottom) 
    var(--pf-t--global--box-shadow--Y--md--bottom) 
    var(--pf-t--global--box-shadow--blur--md) 
    var(--pf-t--global--box-shadow--spread--md--directional)
    var(--pf-t--global--box-shadow--color--md--directional);
  --pf-t--global--box-shadow--md--left: 
    var(--pf-t--global--box-shadow--X--md--left) 
    var(--pf-t--global--box-shadow--Y--md--left) 
    var(--pf-t--global--box-shadow--blur--md) 
    var(--pf-t--global--box-shadow--spread--md--directional)
    var(--pf-t--global--box-shadow--color--md--directional);
  --pf-t--global--box-shadow--md--right: 
    var(--pf-t--global--box-shadow--X--md--right) 
    var(--pf-t--global--box-shadow--Y--md--right) 
    var(--pf-t--global--box-shadow--blur--md) 
    var(--pf-t--global--box-shadow--spread--md--directional)
    var(--pf-t--global--box-shadow--color--md--directional);

  // lg box-shadow
  --pf-t--global--box-shadow--lg: 
    var(--pf-t--global--box-shadow--X--lg--default) 
    var(--pf-t--global--box-shadow--Y--lg--default) 
    var(--pf-t--global--box-shadow--blur--lg) 
    var(--pf-t--global--box-shadow--spread--lg--default)
    var(--pf-t--global--box-shadow--color--lg--default);
  --pf-t--global--box-shadow--lg--top: 
    var(--pf-t--global--box-shadow--X--lg--top) 
    var(--pf-t--global--box-shadow--Y--lg--top) 
    var(--pf-t--global--box-shadow--blur--lg) 
    var(--pf-t--global--box-shadow--spread--lg--directional)
    var(--pf-t--global--box-shadow--color--lg--directional);
  --pf-t--global--box-shadow--lg--bottom: 
    var(--pf-t--global--box-shadow--X--lg--bottom) 
    var(--pf-t--global--box-shadow--Y--lg--bottom) 
    var(--pf-t--global--box-shadow--blur--lg) 
    var(--pf-t--global--box-shadow--spread--lg--directional)
    var(--pf-t--global--box-shadow--color--lg--directional);
  --pf-t--global--box-shadow--lg--left: 
    var(--pf-t--global--box-shadow--X--lg--left) 
    var(--pf-t--global--box-shadow--Y--lg--left) 
    var(--pf-t--global--box-shadow--blur--lg) 
    var(--pf-t--global--box-shadow--spread--lg--directional)
    var(--pf-t--global--box-shadow--color--lg--directional);
  --pf-t--global--box-shadow--lg--right: 
    var(--pf-t--global--box-shadow--X--lg--right) 
    var(--pf-t--global--box-shadow--Y--lg--right) 
    var(--pf-t--global--box-shadow--blur--lg) 
    var(--pf-t--global--box-shadow--spread--lg--directional)
    var(--pf-t--global--box-shadow--color--lg--directional);

  // List bullet/marker
  --pf-t--global--list-style: disc outside;

  // Token to be used temporarily as a placeholder for a color to be determined
  // Used by code mods to provide a valid value without guessing at the correct color

  // stylelint-disable custom-property-pattern
  --pf-t--temp--dev--tbd: #BC11E0;
}