@withlayers/mixins 0.13.2 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@define-mixin is-visually-hidden{border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;}@define-mixin is-color-code{background-color: var(--l--theme--color--code--background--on-default); color: var(--l--theme--color--code--content--on-default);}@define-mixin is-color-feedback-destructive{background-color: var(--l--theme--color--feedback--background--destructive--on-default); border-color: var(--l--theme--color--feedback--border--destructive--on-default); color: var(--l--theme--color--feedback--content--destructive--on-destructive); & a {color: var(--l--theme--color--feedback--content--destructive--on-destructive);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--destructive--on-destructive);}}@define-mixin is-color-feedback-informative{background-color: var(--l--theme--color--feedback--background--informative--on-default); border-color: var(--l--theme--color--feedback--border--informative--on-default); color: var(--l--theme--color--feedback--content--informative--on-informative); & a {color: var(--l--theme--color--feedback--content--informative--on-informative);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--informative--on-informative);}}@define-mixin is-color-feedback-positive{background-color: var(--l--theme--color--feedback--background--positive--on-default); border-color: var(--l--theme--color--feedback--border--positive--on-default); color: var(--l--theme--color--feedback--content--positive--on-positive); & a {color: var(--l--theme--color--feedback--content--positive--on-positive);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--positive--on-positive);}}@define-mixin is-color-feedback-warning{background-color: var(--l--theme--color--feedback--background--warning--on-default); border-color: var(--l--theme--color--feedback--border--warning--on-default); color: var(--l--theme--color--feedback--content--warning--on-warning); & a {color: var(--l--theme--color--feedback--content--warning--on-warning);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--warning--on-warning);}}@define-mixin is-color-link-primary{color: var(--l--theme--color--link--content--primary--on-default--rest); &:hover {color: var(--l--theme--color--link--content--primary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--primary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--primary--on-default--active);} &:visited {color: var(--l--theme--color--link--content--primary--on-default--visited);}}@define-mixin is-color-link-secondary{color: var(--l--theme--color--link--content--secondary--on-default--rest); &:hover {color: var(--l--theme--color--link--content--secondary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--secondary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--secondary--on-default--active);} &:visited {color: var(--l--theme--color--link--content--secondary--on-default--visited);}}@define-mixin is-color-link-tertiary{color: var(--l--theme--color--link--content--tertiary--on-default--rest); &:hover {color: var(--l--theme--color--link--content--tertiary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--tertiary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--tertiary--on-default--active);} &:visited {color: var(--l--theme--color--link--content--tertiary--on-default--visited);}}@define-mixin is-border-text-highlight{border-radius: var(--l--theme--border--text-highlight--radius); border-style: var(--l--theme--border--text-highlight--style); border-width: var(--l--theme--border--text-highlight--width);}@define-mixin is-space-text-highlight{padding-block: var(--l--theme--space--text-highlight--inset--block); padding-inline: var(--l--theme--space--text-highlight--inset--inline);}@define-mixin is-typography-blockquote{font-family: var(--l--theme--typography--blockquote--font-family); font-size: var(--l--theme--typography--blockquote--font-size); font-style: var(--l--theme--typography--blockquote--font-style); font-variant-caps: var(--l--theme--typography--blockquote--font-variant-caps); font-weight: var(--l--theme--typography--blockquote--font-weight); letter-spacing: var(--l--theme--typography--blockquote--letter-spacing); line-height: var(--l--theme--typography--blockquote--line-height); text-transform: var(--l--theme--typography--blockquote--text-transform);}@define-mixin is-typography-body-sm{font-family: var(--l--theme--typography--body--font-family--sm); font-size: var(--l--theme--typography--body--font-size--sm); font-style: var(--l--theme--typography--body--font-style--sm); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--sm); font-weight: var(--l--theme--typography--body--font-weight--sm); letter-spacing: var(--l--theme--typography--body--letter-spacing--sm); line-height: var(--l--theme--typography--body--line-height--sm); text-transform: var(--l--theme--typography--body--text-transform--sm);}@define-mixin is-typography-body-md{font-family: var(--l--theme--typography--body--font-family--md); font-size: var(--l--theme--typography--body--font-size--md); font-style: var(--l--theme--typography--body--font-style--md); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--md); font-weight: var(--l--theme--typography--body--font-weight--md); letter-spacing: var(--l--theme--typography--body--letter-spacing--md); line-height: var(--l--theme--typography--body--line-height--md); text-transform: var(--l--theme--typography--body--text-transform--md);}@define-mixin is-typography-body-lg{font-family: var(--l--theme--typography--body--font-family--lg); font-size: var(--l--theme--typography--body--font-size--lg); font-style: var(--l--theme--typography--body--font-style--lg); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--lg); font-weight: var(--l--theme--typography--body--font-weight--lg); letter-spacing: var(--l--theme--typography--body--letter-spacing--lg); line-height: var(--l--theme--typography--body--line-height--lg); text-transform: var(--l--theme--typography--body--text-transform--lg);}@define-mixin is-typography-button-xs{font-family: var(--l--theme--typography--button--font-family--xs); font-size: var(--l--theme--typography--button--font-size--xs); font-style: var(--l--theme--typography--button--font-style--xs); font-variant-caps: var(--l--theme--typography--button--font-variant-caps--xs); font-weight: var(--l--theme--typography--button--font-weight--xs); letter-spacing: var(--l--theme--typography--button--letter-spacing--xs); line-height: var(--l--theme--typography--button--line-height--xs); text-transform: var(--l--theme--typography--button--text-transform--xs);}@define-mixin is-typography-button-sm{font-family: var(--l--theme--typography--button--font-family--sm); font-size: var(--l--theme--typography--button--font-size--sm); font-style: var(--l--theme--typography--button--font-style--sm); font-variant-caps: var(--l--theme--typography--button--font-variant-caps--sm); font-weight: var(--l--theme--typography--button--font-weight--sm); letter-spacing: var(--l--theme--typography--button--letter-spacing--sm); line-height: var(--l--theme--typography--button--line-height--sm); text-transform: var(--l--theme--typography--button--text-transform--sm);}@define-mixin is-typography-button-md{font-family: var(--l--theme--typography--button--font-family--md); font-size: var(--l--theme--typography--button--font-size--md); font-style: var(--l--theme--typography--button--font-style--md); font-variant-caps: var(--l--theme--typography--button--font-variant-caps--md); font-weight: var(--l--theme--typography--button--font-weight--md); letter-spacing: var(--l--theme--typography--button--letter-spacing--md); line-height: var(--l--theme--typography--button--line-height--md); text-transform: var(--l--theme--typography--button--text-transform--md);}@define-mixin is-typography-button-lg{font-family: var(--l--theme--typography--button--font-family--lg); font-size: var(--l--theme--typography--button--font-size--lg); font-style: var(--l--theme--typography--button--font-style--lg); font-variant-caps: var(--l--theme--typography--button--font-variant-caps--lg); font-weight: var(--l--theme--typography--button--font-weight--lg); letter-spacing: var(--l--theme--typography--button--letter-spacing--lg); line-height: var(--l--theme--typography--button--line-height--lg); text-transform: var(--l--theme--typography--button--text-transform--lg);}@define-mixin is-typography-caption-primary{font-family: var(--l--theme--typography--caption--font-family--primary); font-size: var(--l--theme--typography--caption--font-size--primary); font-style: var(--l--theme--typography--caption--font-style--primary); font-variant-caps: var(--l--theme--typography--caption--font-variant-caps--primary); font-weight: var(--l--theme--typography--caption--font-weight--primary); letter-spacing: var(--l--theme--typography--caption--letter-spacing--primary); line-height: var(--l--theme--typography--caption--line-height--primary); text-transform: var(--l--theme--typography--caption--text-transform--primary);}@define-mixin is-typography-caption-secondary{font-family: var(--l--theme--typography--caption--font-family--secondary); font-size: var(--l--theme--typography--caption--font-size--secondary); font-style: var(--l--theme--typography--caption--font-style--secondary); font-variant-caps: var(--l--theme--typography--caption--font-variant-caps--secondary); font-weight: var(--l--theme--typography--caption--font-weight--secondary); letter-spacing: var(--l--theme--typography--caption--letter-spacing--secondary); line-height: var(--l--theme--typography--caption--line-height--secondary); text-transform: var(--l--theme--typography--caption--text-transform--secondary);}@define-mixin is-typography-code{font-family: var(--l--theme--typography--code--font-family); font-size: var(--l--theme--typography--code--font-size); font-style: var(--l--theme--typography--code--font-style); font-variant-caps: var(--l--theme--typography--code--font-variant-caps); font-weight: var(--l--theme--typography--code--font-weight); letter-spacing: var(--l--theme--typography--code--letter-spacing); line-height: var(--l--theme--typography--code--line-height); text-transform: var(--l--theme--typography--code--text-transform);}@define-mixin is-typography-heading-l1{font-family: var(--l--theme--typography--heading--font-family--l1); font-size: var(--l--theme--typography--heading--font-size--l1); font-style: var(--l--theme--typography--heading--font-style--l1); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l1); font-weight: var(--l--theme--typography--heading--font-weight--l1); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l1); line-height: var(--l--theme--typography--heading--line-height--l1); text-transform: var(--l--theme--typography--heading--text-transform--l1);}@define-mixin is-typography-heading-l2{font-family: var(--l--theme--typography--heading--font-family--l2); font-size: var(--l--theme--typography--heading--font-size--l2); font-style: var(--l--theme--typography--heading--font-style--l2); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l2); font-weight: var(--l--theme--typography--heading--font-weight--l2); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l2); line-height: var(--l--theme--typography--heading--line-height--l2); text-transform: var(--l--theme--typography--heading--text-transform--l2);}@define-mixin is-typography-heading-l3{font-family: var(--l--theme--typography--heading--font-family--l3); font-size: var(--l--theme--typography--heading--font-size--l3); font-style: var(--l--theme--typography--heading--font-style--l3); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l3); font-weight: var(--l--theme--typography--heading--font-weight--l3); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l3); line-height: var(--l--theme--typography--heading--line-height--l3); text-transform: var(--l--theme--typography--heading--text-transform--l3);}@define-mixin is-typography-heading-l4{font-family: var(--l--theme--typography--heading--font-family--l4); font-size: var(--l--theme--typography--heading--font-size--l4); font-style: var(--l--theme--typography--heading--font-style--l4); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l4); font-weight: var(--l--theme--typography--heading--font-weight--l4); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l4); line-height: var(--l--theme--typography--heading--line-height--l4); text-transform: var(--l--theme--typography--heading--text-transform--l4);}@define-mixin is-typography-heading-l5{font-family: var(--l--theme--typography--heading--font-family--l5); font-size: var(--l--theme--typography--heading--font-size--l5); font-style: var(--l--theme--typography--heading--font-style--l5); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l5); font-weight: var(--l--theme--typography--heading--font-weight--l5); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l5); line-height: var(--l--theme--typography--heading--line-height--l5); text-transform: var(--l--theme--typography--heading--text-transform--l5);}@define-mixin is-typography-heading-l6{font-family: var(--l--theme--typography--heading--font-family--l6); font-size: var(--l--theme--typography--heading--font-size--l6); font-style: var(--l--theme--typography--heading--font-style--l6); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l6); font-weight: var(--l--theme--typography--heading--font-weight--l6); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l6); line-height: var(--l--theme--typography--heading--line-height--l6); text-transform: var(--l--theme--typography--heading--text-transform--l6);}@define-mixin is-typography-label{font-family: var(--l--theme--typography--label--font-family); font-size: var(--l--theme--typography--label--font-size); font-style: var(--l--theme--typography--label--font-style); font-variant-caps: var(--l--theme--typography--label--font-variant-caps); font-weight: var(--l--theme--typography--label--font-weight); letter-spacing: var(--l--theme--typography--label--letter-spacing); line-height: var(--l--theme--typography--label--line-height); text-transform: var(--l--theme--typography--label--text-transform);}@define-mixin is-typography-link-primary{text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--rest); &:hover {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--hover);} &:focus-visible {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--focus);} &:active {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--active);}}@define-mixin is-typography-link-secondary{text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--rest); &:hover {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--hover);} &:focus-visible {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--focus);} &:active {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--active);}}@define-mixin is-typography-overline{font-family: var(--l--theme--typography--overline--font-family); font-size: var(--l--theme--typography--overline--font-size); font-style: var(--l--theme--typography--overline--font-style); font-variant-caps: var(--l--theme--typography--overline--font-variant-caps); font-weight: var(--l--theme--typography--overline--font-weight); letter-spacing: var(--l--theme--typography--overline--letter-spacing); line-height: var(--l--theme--typography--overline--line-height); text-transform: var(--l--theme--typography--overline--text-transform);}@define-mixin is-typography-subhead{font-family: var(--l--theme--typography--subhead--font-family); font-size: var(--l--theme--typography--subhead--font-size); font-style: var(--l--theme--typography--subhead--font-style); font-variant-caps: var(--l--theme--typography--subhead--font-variant-caps); font-weight: var(--l--theme--typography--subhead--font-weight); letter-spacing: var(--l--theme--typography--subhead--letter-spacing); line-height: var(--l--theme--typography--subhead--line-height); text-transform: var(--l--theme--typography--subhead--text-transform);}
|
|
1
|
+
@define-mixin is-visually-hidden{border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;}@define-mixin is-color-code{background-color: var(--l--theme--color--code--background--on-default); color: var(--l--theme--color--code--content--on-default);}@define-mixin is-color-feedback-destructive{background-color: var(--l--theme--color--feedback--background--destructive--on-default); border-color: var(--l--theme--color--feedback--border--destructive--on-default); color: var(--l--theme--color--feedback--content--destructive--on-default); & a {color: var(--l--theme--color--feedback--content--destructive--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--destructive--on-default);}}@define-mixin is-color-feedback-informative{background-color: var(--l--theme--color--feedback--background--informative--on-default); border-color: var(--l--theme--color--feedback--border--informative--on-default); color: var(--l--theme--color--feedback--content--informative--on-default); & a {color: var(--l--theme--color--feedback--content--informative--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--informative--on-default);}}@define-mixin is-color-feedback-positive{background-color: var(--l--theme--color--feedback--background--positive--on-default); border-color: var(--l--theme--color--feedback--border--positive--on-default); color: var(--l--theme--color--feedback--content--positive--on-default); & a {color: var(--l--theme--color--feedback--content--positive--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--positive--on-default);}}@define-mixin is-color-feedback-warning{background-color: var(--l--theme--color--feedback--background--warning--on-default); border-color: var(--l--theme--color--feedback--border--warning--on-default); color: var(--l--theme--color--feedback--content--warning--on-default); & a {color: var(--l--theme--color--feedback--content--warning--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--warning--on-default);}}@define-mixin is-color-link-primary{color: var(--l--theme--color--link--content--primary--on-default--rest); &:hover {color: var(--l--theme--color--link--content--primary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--primary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--primary--on-default--active);} &:visited {color: var(--l--theme--color--link--content--primary--on-default--visited);}}@define-mixin is-color-link-secondary{color: var(--l--theme--color--link--content--secondary--on-default--rest); &:hover {color: var(--l--theme--color--link--content--secondary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--secondary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--secondary--on-default--active);} &:visited {color: var(--l--theme--color--link--content--secondary--on-default--visited);}}@define-mixin is-color-link-tertiary{color: var(--l--theme--color--link--content--tertiary--on-default--rest); &:hover {color: var(--l--theme--color--link--content--tertiary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--tertiary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--tertiary--on-default--active);} &:visited {color: var(--l--theme--color--link--content--tertiary--on-default--visited);}}@define-mixin is-border-text-highlight{border-radius: var(--l--theme--border--text-highlight--radius); border-style: var(--l--theme--border--text-highlight--style); border-width: var(--l--theme--border--text-highlight--width);}@define-mixin is-space-text-highlight{padding-block: var(--l--theme--space--text-highlight--inset--block); padding-inline: var(--l--theme--space--text-highlight--inset--inline);}@define-mixin is-typography-blockquote{font-family: var(--l--theme--typography--blockquote--font-family); font-size: var(--l--theme--typography--blockquote--font-size); font-style: var(--l--theme--typography--blockquote--font-style); font-variant-caps: var(--l--theme--typography--blockquote--font-variant-caps); font-weight: var(--l--theme--typography--blockquote--font-weight); letter-spacing: var(--l--theme--typography--blockquote--letter-spacing); line-height: var(--l--theme--typography--blockquote--line-height); text-transform: var(--l--theme--typography--blockquote--text-transform);}@define-mixin is-typography-body-sm{font-family: var(--l--theme--typography--body--font-family--sm); font-size: var(--l--theme--typography--body--font-size--sm); font-style: var(--l--theme--typography--body--font-style--sm); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--sm); font-weight: var(--l--theme--typography--body--font-weight--sm); letter-spacing: var(--l--theme--typography--body--letter-spacing--sm); line-height: var(--l--theme--typography--body--line-height--sm); text-transform: var(--l--theme--typography--body--text-transform--sm);}@define-mixin is-typography-body-md{font-family: var(--l--theme--typography--body--font-family--md); font-size: var(--l--theme--typography--body--font-size--md); font-style: var(--l--theme--typography--body--font-style--md); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--md); font-weight: var(--l--theme--typography--body--font-weight--md); letter-spacing: var(--l--theme--typography--body--letter-spacing--md); line-height: var(--l--theme--typography--body--line-height--md); text-transform: var(--l--theme--typography--body--text-transform--md);}@define-mixin is-typography-body-lg{font-family: var(--l--theme--typography--body--font-family--lg); font-size: var(--l--theme--typography--body--font-size--lg); font-style: var(--l--theme--typography--body--font-style--lg); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--lg); font-weight: var(--l--theme--typography--body--font-weight--lg); letter-spacing: var(--l--theme--typography--body--letter-spacing--lg); line-height: var(--l--theme--typography--body--line-height--lg); text-transform: var(--l--theme--typography--body--text-transform--lg);}@define-mixin is-typography-button-xs{font-family: var(--l--theme--typography--button--font-family--xs); font-size: var(--l--theme--typography--button--font-size--xs); font-style: var(--l--theme--typography--button--font-style--xs); font-variant-caps: var(--l--theme--typography--button--font-variant-caps--xs); font-weight: var(--l--theme--typography--button--font-weight--xs); letter-spacing: var(--l--theme--typography--button--letter-spacing--xs); line-height: var(--l--theme--typography--button--line-height--xs); text-transform: var(--l--theme--typography--button--text-transform--xs);}@define-mixin is-typography-button-sm{font-family: var(--l--theme--typography--button--font-family--sm); font-size: var(--l--theme--typography--button--font-size--sm); font-style: var(--l--theme--typography--button--font-style--sm); font-variant-caps: var(--l--theme--typography--button--font-variant-caps--sm); font-weight: var(--l--theme--typography--button--font-weight--sm); letter-spacing: var(--l--theme--typography--button--letter-spacing--sm); line-height: var(--l--theme--typography--button--line-height--sm); text-transform: var(--l--theme--typography--button--text-transform--sm);}@define-mixin is-typography-button-md{font-family: var(--l--theme--typography--button--font-family--md); font-size: var(--l--theme--typography--button--font-size--md); font-style: var(--l--theme--typography--button--font-style--md); font-variant-caps: var(--l--theme--typography--button--font-variant-caps--md); font-weight: var(--l--theme--typography--button--font-weight--md); letter-spacing: var(--l--theme--typography--button--letter-spacing--md); line-height: var(--l--theme--typography--button--line-height--md); text-transform: var(--l--theme--typography--button--text-transform--md);}@define-mixin is-typography-button-lg{font-family: var(--l--theme--typography--button--font-family--lg); font-size: var(--l--theme--typography--button--font-size--lg); font-style: var(--l--theme--typography--button--font-style--lg); font-variant-caps: var(--l--theme--typography--button--font-variant-caps--lg); font-weight: var(--l--theme--typography--button--font-weight--lg); letter-spacing: var(--l--theme--typography--button--letter-spacing--lg); line-height: var(--l--theme--typography--button--line-height--lg); text-transform: var(--l--theme--typography--button--text-transform--lg);}@define-mixin is-typography-caption-primary{font-family: var(--l--theme--typography--caption--font-family--primary); font-size: var(--l--theme--typography--caption--font-size--primary); font-style: var(--l--theme--typography--caption--font-style--primary); font-variant-caps: var(--l--theme--typography--caption--font-variant-caps--primary); font-weight: var(--l--theme--typography--caption--font-weight--primary); letter-spacing: var(--l--theme--typography--caption--letter-spacing--primary); line-height: var(--l--theme--typography--caption--line-height--primary); text-transform: var(--l--theme--typography--caption--text-transform--primary);}@define-mixin is-typography-caption-secondary{font-family: var(--l--theme--typography--caption--font-family--secondary); font-size: var(--l--theme--typography--caption--font-size--secondary); font-style: var(--l--theme--typography--caption--font-style--secondary); font-variant-caps: var(--l--theme--typography--caption--font-variant-caps--secondary); font-weight: var(--l--theme--typography--caption--font-weight--secondary); letter-spacing: var(--l--theme--typography--caption--letter-spacing--secondary); line-height: var(--l--theme--typography--caption--line-height--secondary); text-transform: var(--l--theme--typography--caption--text-transform--secondary);}@define-mixin is-typography-code{font-family: var(--l--theme--typography--code--font-family); font-size: var(--l--theme--typography--code--font-size); font-style: var(--l--theme--typography--code--font-style); font-variant-caps: var(--l--theme--typography--code--font-variant-caps); font-weight: var(--l--theme--typography--code--font-weight); letter-spacing: var(--l--theme--typography--code--letter-spacing); line-height: var(--l--theme--typography--code--line-height); text-transform: var(--l--theme--typography--code--text-transform);}@define-mixin is-typography-heading-l1{font-family: var(--l--theme--typography--heading--font-family--l1); font-size: var(--l--theme--typography--heading--font-size--l1); font-style: var(--l--theme--typography--heading--font-style--l1); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l1); font-weight: var(--l--theme--typography--heading--font-weight--l1); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l1); line-height: var(--l--theme--typography--heading--line-height--l1); text-transform: var(--l--theme--typography--heading--text-transform--l1);}@define-mixin is-typography-heading-l2{font-family: var(--l--theme--typography--heading--font-family--l2); font-size: var(--l--theme--typography--heading--font-size--l2); font-style: var(--l--theme--typography--heading--font-style--l2); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l2); font-weight: var(--l--theme--typography--heading--font-weight--l2); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l2); line-height: var(--l--theme--typography--heading--line-height--l2); text-transform: var(--l--theme--typography--heading--text-transform--l2);}@define-mixin is-typography-heading-l3{font-family: var(--l--theme--typography--heading--font-family--l3); font-size: var(--l--theme--typography--heading--font-size--l3); font-style: var(--l--theme--typography--heading--font-style--l3); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l3); font-weight: var(--l--theme--typography--heading--font-weight--l3); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l3); line-height: var(--l--theme--typography--heading--line-height--l3); text-transform: var(--l--theme--typography--heading--text-transform--l3);}@define-mixin is-typography-heading-l4{font-family: var(--l--theme--typography--heading--font-family--l4); font-size: var(--l--theme--typography--heading--font-size--l4); font-style: var(--l--theme--typography--heading--font-style--l4); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l4); font-weight: var(--l--theme--typography--heading--font-weight--l4); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l4); line-height: var(--l--theme--typography--heading--line-height--l4); text-transform: var(--l--theme--typography--heading--text-transform--l4);}@define-mixin is-typography-heading-l5{font-family: var(--l--theme--typography--heading--font-family--l5); font-size: var(--l--theme--typography--heading--font-size--l5); font-style: var(--l--theme--typography--heading--font-style--l5); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l5); font-weight: var(--l--theme--typography--heading--font-weight--l5); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l5); line-height: var(--l--theme--typography--heading--line-height--l5); text-transform: var(--l--theme--typography--heading--text-transform--l5);}@define-mixin is-typography-heading-l6{font-family: var(--l--theme--typography--heading--font-family--l6); font-size: var(--l--theme--typography--heading--font-size--l6); font-style: var(--l--theme--typography--heading--font-style--l6); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l6); font-weight: var(--l--theme--typography--heading--font-weight--l6); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l6); line-height: var(--l--theme--typography--heading--line-height--l6); text-transform: var(--l--theme--typography--heading--text-transform--l6);}@define-mixin is-typography-label{font-family: var(--l--theme--typography--label--font-family); font-size: var(--l--theme--typography--label--font-size); font-style: var(--l--theme--typography--label--font-style); font-variant-caps: var(--l--theme--typography--label--font-variant-caps); font-weight: var(--l--theme--typography--label--font-weight); letter-spacing: var(--l--theme--typography--label--letter-spacing); line-height: var(--l--theme--typography--label--line-height); text-transform: var(--l--theme--typography--label--text-transform);}@define-mixin is-typography-link-primary{text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--rest); &:hover {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--hover);} &:focus-visible {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--focus);} &:active {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--active);}}@define-mixin is-typography-link-secondary{text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--rest); &:hover {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--hover);} &:focus-visible {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--focus);} &:active {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--active);}}@define-mixin is-typography-overline{font-family: var(--l--theme--typography--overline--font-family); font-size: var(--l--theme--typography--overline--font-size); font-style: var(--l--theme--typography--overline--font-style); font-variant-caps: var(--l--theme--typography--overline--font-variant-caps); font-weight: var(--l--theme--typography--overline--font-weight); letter-spacing: var(--l--theme--typography--overline--letter-spacing); line-height: var(--l--theme--typography--overline--line-height); text-transform: var(--l--theme--typography--overline--text-transform);}@define-mixin is-typography-subhead{font-family: var(--l--theme--typography--subhead--font-family); font-size: var(--l--theme--typography--subhead--font-size); font-style: var(--l--theme--typography--subhead--font-style); font-variant-caps: var(--l--theme--typography--subhead--font-variant-caps); font-weight: var(--l--theme--typography--subhead--font-weight); letter-spacing: var(--l--theme--typography--subhead--letter-spacing); line-height: var(--l--theme--typography--subhead--line-height); text-transform: var(--l--theme--typography--subhead--text-transform);}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@withlayers/mixins",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "Mixins layer",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Dmitry Mayorov",
|
|
@@ -19,6 +19,6 @@
|
|
|
19
19
|
"lint:css:fix": "stylelint \"src/**/*.css\" --fix"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@withlayers/tokens": "0.
|
|
22
|
+
"@withlayers/tokens": "0.21.0"
|
|
23
23
|
}
|
|
24
24
|
}
|