typographics 3.0.0-dev.5 → 3.0.0-dev.6
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 +1 -1
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer reset,tokens,typography,components,utilities;@layer tokens{:root{--t-font-scale-min-width: 600;--t-font-scale-max-width: 1440;--t-scale-min-w: calc(var(--t-font-scale-min-width) * 1px);--t-scale-max-w: calc(var(--t-font-scale-max-width) * 1px);--t-body-font-size-min-scale: .875;--t-body-font-size-max-scale: 1.125;--t-body-font-size-min: calc(var(--t-body-font-size-min-scale) * 1rem);--t-body-font-size-max: calc(var(--t-body-font-size-max-scale) * 1rem);--t-body-font-size-slope: calc( (var(--t-body-font-size-max) - var(--t-body-font-size-min)) * (100vw - var(--t-scale-min-w)) / (var(--t-scale-max-w) - var(--t-scale-min-w)) );--t-body-font-size-clamp: clamp( var(--t-body-font-size-min), calc(var(--t-body-font-size-min) + var(--t-body-font-size-slope)), var(--t-body-font-size-max) );--t-heading-font-size-min-scale: 1;--t-heading-font-size-max-scale: 1.25;--t-heading-font-size-min: calc(var(--t-heading-font-size-min-scale) * 1rem);--t-heading-font-size-max: calc(var(--t-heading-font-size-max-scale) * 1rem);--t-heading-font-size-slope: calc( (var(--t-heading-font-size-max) - var(--t-heading-font-size-min)) * (100vw - var(--t-scale-min-w)) / (var(--t-scale-max-w) - var(--t-scale-min-w)) );--t-heading-font-size-clamp: clamp( var(--t-heading-font-size-min), calc(var(--t-heading-font-size-min) + var(--t-heading-font-size-slope)), var(--t-heading-font-size-max) )}@supports (width: 1lvw){:root{--t-body-font-size-slope: calc( (var(--t-body-font-size-max) - var(--t-body-font-size-min)) * (100lvw - var(--t-scale-min-w)) / (var(--t-scale-max-w) - var(--t-scale-min-w)) );--t-heading-font-size-slope: calc( (var(--t-heading-font-size-max) - var(--t-heading-font-size-min)) * (100lvw - var(--t-scale-min-w)) / (var(--t-scale-max-w) - var(--t-scale-min-w)) );--t-body-font-size-clamp: clamp( var(--t-body-font-size-min), calc(var(--t-body-font-size-min) + var(--t-body-font-size-slope)), var(--t-body-font-size-max) );--t-heading-font-size-clamp: clamp( var(--t-heading-font-size-min), calc(var(--t-heading-font-size-min) + var(--t-heading-font-size-slope)), var(--t-heading-font-size-max) )}}}@layer reset{html{font-size:100%;text-size-adjust:100%;box-sizing:border-box}:root{text-wrap:pretty}*,*:before,*:after{box-sizing:inherit}a{text-decoration-skip-ink:auto}ul,ol{list-style-position:outside}ul{list-style-type:disc}ol{list-style-type:decimal}input,button,select,textarea{font:inherit;line-height:inherit}}@layer typography{body{font-family:var(--t-base-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--t-body-font-size-clamp);line-height:var(--t-line-height-body, 1.5);font-weight:400;font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-variant-numeric:proportional-nums}.display-large{font-size:calc(var(--t-heading-font-size-clamp) * 5.7);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.display-large:last-of-type:not(:only-of-type){margin-block-end:0}.display-medium{font-size:calc(var(--t-heading-font-size-clamp) * 4.5);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.display-medium:last-of-type:not(:only-of-type){margin-block-end:0}.display-small{font-size:calc(var(--t-heading-font-size-clamp) * 3.6);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.display-small:last-of-type:not(:only-of-type){margin-block-end:0}.headline-large{font-size:calc(var(--t-heading-font-size-clamp) * 3.2);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.headline-large:last-of-type:not(:only-of-type){margin-block-end:0}.headline-medium{font-size:calc(var(--t-heading-font-size-clamp) * 2.8);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.headline-medium:last-of-type:not(:only-of-type){margin-block-end:0}.headline-small{font-size:calc(var(--t-heading-font-size-clamp) * 2.4);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.headline-small:last-of-type:not(:only-of-type){margin-block-end:0}.title-large{font-size:calc(var(--t-heading-font-size-clamp) * 2.2);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.title-large:last-of-type:not(:only-of-type){margin-block-end:0}.title-medium{font-size:calc(var(--t-heading-font-size-clamp) * 2);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.title-medium:last-of-type:not(:only-of-type){margin-block-end:0}.title-small{font-size:calc(var(--t-heading-font-size-clamp) * 1.8);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.title-small:last-of-type:not(:only-of-type){margin-block-end:0}.label-large{font-size:calc(var(--t-body-font-size-clamp) * 1);line-height:1.3;font-weight:600;margin-bottom:.75lh}.label-large:last-of-type:not(:only-of-type){margin-block-end:0}.label-medium{font-size:calc(var(--t-body-font-size-clamp) * .9);line-height:1.35;font-weight:600;margin-bottom:.75lh}.label-medium:last-of-type:not(:only-of-type){margin-block-end:0}.label-small{font-size:calc(var(--t-body-font-size-clamp) * .85);line-height:1.2;font-weight:600;margin-bottom:.75lh}.label-small:last-of-type:not(:only-of-type){margin-block-end:0}.body-large{font-size:calc(var(--t-body-font-size-clamp) * 1.125);line-height:1.5;font-weight:400;margin-bottom:.75lh}.body-large:last-of-type:not(:only-of-type){margin-block-end:0}.body-medium{font-size:calc(var(--t-body-font-size-clamp) * 1);line-height:1.45;font-weight:400;margin-bottom:.75lh}.body-medium:last-of-type:not(:only-of-type){margin-block-end:0}.body-small{font-size:calc(var(--t-body-font-size-clamp) * .875);line-height:1.35;font-weight:400;margin-bottom:.75lh}.body-small:last-of-type:not(:only-of-type){margin-block-end:0}ul.list-large,ol.list-large{font-size:calc(var(--t-body-font-size-clamp) * 1);line-height:1.5;padding-inline-start:var(--t-list-padding-left, 2.5rem);margin-block:.75lh .75lh}ul.list-large li,ol.list-large li{margin-block:.25lh}ul.list-medium,ol.list-medium{font-size:calc(var(--t-body-font-size-clamp) * .9);line-height:1.45;padding-inline-start:var(--t-list-padding-left, 2.5rem);margin-block:.5lh .75lh}ul.list-medium li,ol.list-medium li{margin-block:.25lh}ul.list-small,ol.list-small{font-size:calc(var(--t-body-font-size-clamp) * .85);line-height:1.35;padding-inline-start:var(--t-list-padding-left, 2.5rem);margin-block:.5lh .5lh}ul.list-small li,ol.list-small li{margin-block:.25lh}code:not(pre code){display:inline-block;font-family:var(--t-monospace-font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono"),monospace;font-size:var(--t-code-inline-font-size, 1em);line-height:var(--t-code-inline-line-height, 1);background:var(--t-code-inline-bg, rgba(0, 0, 0, .05));color:var(--t-code-inline-color, #24292f);border-radius:var(--t-code-inline-border-radius, .3em);padding:var(--t-code-inline-padding, .25em .4em);margin:var(--t-code-inline-margin, 0 .25em);box-shadow:0 0 0 1px var(--t-code-inline-border-color, rgba(0, 0, 0, .1))}code{overflow-wrap:anywhere}pre,code{tab-size:2;font-variant-ligatures:none;font-variant-numeric:tabular-nums slashed-zero}pre{font-family:var(--t-monospace-font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono"),monospace;font-size:var(--t-code-block-font-size, 1.4rem);line-height:var(--t-code-block-line-height, 1.6);background:var(--t-code-block-bg, #f5f5f5);color:var(--t-code-block-color, #24292f);margin:var(--t-code-block-margin, 1.3em 0);border-radius:var(--t-code-block-border-radius, .6rem);overflow-x:auto;white-space:pre;max-inline-size:100%}pre code{display:inline-block;padding:var(--t-code-block-padding, 1.2rem 2rem)}:where(h1,.display-large){font-size:calc(var(--t-heading-font-size-clamp) * 5.7);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h1,.display-large):last-of-type:not(:only-of-type){margin-block-end:0}:where(h2,.headline-large){font-size:calc(var(--t-heading-font-size-clamp) * 3.2);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h2,.headline-large):last-of-type:not(:only-of-type){margin-block-end:0}:where(h3,.headline-medium){font-size:calc(var(--t-heading-font-size-clamp) * 2.8);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h3,.headline-medium):last-of-type:not(:only-of-type){margin-block-end:0}:where(h4,.headline-small){font-size:calc(var(--t-heading-font-size-clamp) * 2.4);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h4,.headline-small):last-of-type:not(:only-of-type){margin-block-end:0}:where(h5,.title-medium){font-size:calc(var(--t-heading-font-size-clamp) * 2);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h5,.title-medium):last-of-type:not(:only-of-type){margin-block-end:0}:where(h6,.title-small){font-size:calc(var(--t-heading-font-size-clamp) * 1.8);line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h6,.title-small):last-of-type:not(:only-of-type){margin-block-end:0}h1,h2,h3{hanging-punctuation:first allow-end}:where(p,.body-medium){font-size:calc(var(--t-body-font-size-clamp) * 1);line-height:1.45;font-weight:400;margin-bottom:.75lh}:where(p,.body-medium):last-of-type:not(:only-of-type){margin-block-end:0}.label-large,.label-medium,.label-small{font-variant-numeric:tabular-nums slashed-zero}}
|
|
1
|
+
@layer reset,tokens,typography,components,utilities;@layer tokens{:root{--t-font-scale-min-width: 600;--t-font-scale-max-width: 1440;--t-scale-min-w: calc(var(--t-font-scale-min-width) * 1px);--t-scale-max-w: calc(var(--t-font-scale-max-width) * 1px);--t-body-font-size-min-scale: .875;--t-body-font-size-max-scale: 1.125;--t-body-font-size-min: calc(var(--t-body-font-size-min-scale) * 1rem);--t-body-font-size-max: calc(var(--t-body-font-size-max-scale) * 1rem);--t-body-font-size-slope: calc( (var(--t-body-font-size-max) - var(--t-body-font-size-min)) * (100vw - var(--t-scale-min-w)) / (var(--t-scale-max-w) - var(--t-scale-min-w)) );--t-body-font-size-clamp: clamp( var(--t-body-font-size-min), calc(var(--t-body-font-size-min) + var(--t-body-font-size-slope)), var(--t-body-font-size-max) );--t-heading-font-size-min-scale: 1;--t-heading-font-size-max-scale: 1.25;--t-heading-font-size-min: calc(var(--t-heading-font-size-min-scale) * 1rem);--t-heading-font-size-max: calc(var(--t-heading-font-size-max-scale) * 1rem);--t-heading-font-size-slope: calc( (var(--t-heading-font-size-max) - var(--t-heading-font-size-min)) * (100vw - var(--t-scale-min-w)) / (var(--t-scale-max-w) - var(--t-scale-min-w)) );--t-heading-font-size-clamp: clamp( var(--t-heading-font-size-min), calc(var(--t-heading-font-size-min) + var(--t-heading-font-size-slope)), var(--t-heading-font-size-max) );--t-display-large: 5.7;--t-display-medium: 4.5;--t-display-small: 3.6;--t-headline-large: 3.2;--t-headline-medium: 2.8;--t-headline-small: 2.4;--t-title-large: 2.2;--t-title-medium: 2;--t-title-small: 1.8;--t-code-inline-bg: rgb(0 0 0 / 5%);--t-code-inline-color: #24292f;--t-code-block-bg: #f5f5f5;--t-code-block-color: #24292f;-webkit-hyphens:auto;hyphens:auto}@supports (width: 1lvw){:root{--t-body-font-size-slope: calc( (var(--t-body-font-size-max) - var(--t-body-font-size-min)) * (100lvw - var(--t-scale-min-w)) / (var(--t-scale-max-w) - var(--t-scale-min-w)) );--t-heading-font-size-slope: calc( (var(--t-heading-font-size-max) - var(--t-heading-font-size-min)) * (100lvw - var(--t-scale-min-w)) / (var(--t-scale-max-w) - var(--t-scale-min-w)) );--t-body-font-size-clamp: clamp( var(--t-body-font-size-min), calc(var(--t-body-font-size-min) + var(--t-body-font-size-slope)), var(--t-body-font-size-max) );--t-heading-font-size-clamp: clamp( var(--t-heading-font-size-min), calc(var(--t-heading-font-size-min) + var(--t-heading-font-size-slope)), var(--t-heading-font-size-max) )}}}@layer reset{html{font-size:100%;text-size-adjust:100%;box-sizing:border-box}@supports (text-wrap: pretty){:root{text-wrap:pretty}}*,*:before,*:after{box-sizing:inherit}a{text-decoration-skip-ink:auto}ul,ol{list-style-position:outside}ul{list-style-type:disc}ol{list-style-type:decimal}input,button,select,textarea{font:inherit;line-height:inherit}}@layer typography{body{font-family:var(--t-base-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--t-body-font-size-clamp);line-height:var(--t-line-height-body, 1.5);font-weight:400;font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-variant-numeric:proportional-nums;font-synthesis-weight:none;font-synthesis-style:none}.display-large{font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-display-large) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.display-large:last-of-type:not(:only-of-type){margin-block-end:0}.display-medium{font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-display-medium) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.display-medium:last-of-type:not(:only-of-type){margin-block-end:0}.display-small{font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-display-small) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.display-small:last-of-type:not(:only-of-type){margin-block-end:0}.headline-large{font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-headline-large) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.headline-large:last-of-type:not(:only-of-type){margin-block-end:0}.headline-medium{font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-headline-medium) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.headline-medium:last-of-type:not(:only-of-type){margin-block-end:0}.headline-small{font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-headline-small) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.headline-small:last-of-type:not(:only-of-type){margin-block-end:0}.title-large{font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-title-large) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.title-large:last-of-type:not(:only-of-type){margin-block-end:0}.title-medium{font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-title-medium) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.title-medium:last-of-type:not(:only-of-type){margin-block-end:0}.title-small{font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-title-small) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}.title-small:last-of-type:not(:only-of-type){margin-block-end:0}.label-large{font-size:calc(var(--t-body-font-size-clamp) * 1);line-height:1.3;font-weight:600;margin-bottom:.75lh}.label-large:last-of-type:not(:only-of-type){margin-block-end:0}.label-medium{font-size:calc(var(--t-body-font-size-clamp) * .9);line-height:1.35;font-weight:600;margin-bottom:.75lh}.label-medium:last-of-type:not(:only-of-type){margin-block-end:0}.label-small{font-size:calc(var(--t-body-font-size-clamp) * .85);line-height:1.2;font-weight:600;margin-bottom:.75lh}.label-small:last-of-type:not(:only-of-type){margin-block-end:0}.body-large{font-size:calc(var(--t-body-font-size-clamp) * 1);line-height:1.5;font-weight:400;margin-bottom:.75lh}.body-large:last-of-type:not(:only-of-type){margin-block-end:0}.body-medium{font-size:calc(var(--t-body-font-size-clamp) * .9);line-height:1.45;font-weight:400;margin-bottom:.75lh}.body-medium:last-of-type:not(:only-of-type){margin-block-end:0}.body-small{font-size:calc(var(--t-body-font-size-clamp) * .85);line-height:1.35;font-weight:400;margin-bottom:.75lh}.body-small:last-of-type:not(:only-of-type){margin-block-end:0}ul.list-large,ol.list-large{font-size:calc(var(--t-body-font-size-clamp) * 1);line-height:1.5;padding-inline-start:var(--t-list-padding-left, 2.5rem);margin-block:.75lh .75lh}ul.list-large li,ol.list-large li{margin-block:.25lh}ul.list-medium,ol.list-medium{font-size:calc(var(--t-body-font-size-clamp) * .9);line-height:1.45;padding-inline-start:var(--t-list-padding-left, 2.5rem);margin-block:.5lh .75lh}ul.list-medium li,ol.list-medium li{margin-block:.25lh}ul.list-small,ol.list-small{font-size:calc(var(--t-body-font-size-clamp) * .85);line-height:1.35;padding-inline-start:var(--t-list-padding-left, 2.5rem);margin-block:.5lh .5lh}ul.list-small li,ol.list-small li{margin-block:.25lh}code:not(pre code){display:inline-block;font-family:var(--t-monospace-font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono"),monospace;font-size:var(--t-code-inline-font-size, 1em);line-height:var(--t-code-inline-line-height, 1);background:var(--t-code-inline-bg, rgba(0, 0, 0, .05));color:var(--t-code-inline-color, #24292f);border-radius:var(--t-code-inline-border-radius, .3em);padding:var(--t-code-inline-padding, .25em .4em);margin:var(--t-code-inline-margin, 0 .25em);box-shadow:0 0 0 1px var(--t-code-inline-border-color, rgba(0, 0, 0, .1))}code{overflow-wrap:anywhere}pre,code{tab-size:2;font-variant-ligatures:none;font-variant-numeric:tabular-nums slashed-zero}pre{font-family:var(--t-monospace-font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono"),monospace;font-size:var(--t-code-block-font-size, 1.4rem);line-height:var(--t-code-block-line-height, 1.6);background:var(--t-code-block-bg, #f5f5f5);color:var(--t-code-block-color, #24292f);margin:var(--t-code-block-margin, 1.3em 0);border-radius:var(--t-code-block-border-radius, .6rem);overflow-x:auto;white-space:pre;max-inline-size:100%}pre code{display:inline-block;padding:var(--t-code-block-padding, 1.2rem 2rem)}:where(h1,.display-large){font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-display-large) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h1,.display-large):last-of-type:not(:only-of-type){margin-block-end:0}:where(h2,.headline-large){font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-headline-large) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h2,.headline-large):last-of-type:not(:only-of-type){margin-block-end:0}:where(h3,.headline-medium){font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-headline-medium) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h3,.headline-medium):last-of-type:not(:only-of-type){margin-block-end:0}:where(h4,.headline-small){font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-headline-small) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h4,.headline-small):last-of-type:not(:only-of-type){margin-block-end:0}:where(h5,.title-medium){font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-title-medium) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h5,.title-medium):last-of-type:not(:only-of-type){margin-block-end:0}:where(h6,.title-small){font-size:calc(var(--t-heading-font-size-clamp) * calc(var(--t-title-small) * 1em));line-height:var(--t-line-height-heading, 1.3);margin-top:1.25lh;margin-bottom:.5lh;max-inline-size:var(--t-heading-measure, 50ch);text-wrap:balance}:where(h6,.title-small):last-of-type:not(:only-of-type){margin-block-end:0}@supports (hanging-punctuation: first){h1,h2,h3{hanging-punctuation:first allow-end}}:where(p,.body-medium){font-size:calc(var(--t-body-font-size-clamp) * 1);line-height:1.45;font-weight:400;margin-bottom:.75lh}:where(p,.body-medium):last-of-type:not(:only-of-type){margin-block-end:0}:where(p,.body-medium){-webkit-hyphens:auto;hyphens:auto}.label-large,.label-medium,.label-small{font-variant-numeric:tabular-nums slashed-zero}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "typographics",
|
|
3
|
-
"version": "3.0.0-dev.
|
|
3
|
+
"version": "3.0.0-dev.6",
|
|
4
4
|
"description": "typographics provides flexible and adaptive styles for typography on web pages. This package allows you to automate the resizing of fonts based on screen width, ensuring good readability on any device.",
|
|
5
5
|
"author": "ux-ui.pro",
|
|
6
6
|
"license": "MIT",
|