typographics 2.0.0 → 2.2.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 +5 -6
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--t-font-size-min-scale-rem: calc(var(--t-font-size-min-scale, .75) * 1rem);--t-font-size-max-scale-rem: calc(var(--t-font-size-max-scale, 1) * 1rem);--t-font-scale-min-width-rem: calc((var(--t-font-scale-min-width, 600) / 10) * 1rem);--t-slope: calc((var(--t-font-size-max-scale, 1) - var(--t-font-size-min-scale, .75)) * (100vw - var(--t-font-scale-min-width-rem)) / ((var(--t-font-scale-max-width, 1440) / 10) - (var(--t-font-scale-min-width, 600) / 10)));--t-font-size-clamp: clamp(var(--t-font-size-min-scale-rem), calc(var(--t-font-size-min-scale-rem) + var(--t-slope)), var(--t-font-size-max-scale-rem))}html{font-size:10px;font-feature-settings:"kern" 1,"liga" 0;text-rendering:optimizelegibility;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body{font-family:var(--t-base-font-family
|
|
1
|
+
:root{--t-font-size-min-scale-rem: calc(var(--t-font-size-min-scale, .75) * 1rem);--t-font-size-max-scale-rem: calc(var(--t-font-size-max-scale, 1) * 1rem);--t-font-scale-min-width-rem: calc((var(--t-font-scale-min-width, 600) / 10) * 1rem);--t-slope: calc((var(--t-font-size-max-scale, 1) - var(--t-font-size-min-scale, .75)) * (100vw - var(--t-font-scale-min-width-rem)) / ((var(--t-font-scale-max-width, 1440) / 10) - (var(--t-font-scale-min-width, 600) / 10)));--t-font-size-clamp: clamp(var(--t-font-size-min-scale-rem), calc(var(--t-font-size-min-scale-rem) + var(--t-slope)), var(--t-font-size-max-scale-rem))}html{font-size:10px;font-feature-settings:"kern" 1,"liga" 0;text-rendering:optimizelegibility;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body{font-family:var(--t-base-font-family);font-size:var(--t-font-size-clamp);line-height:var(--t-line-height-body, 1.5);font-weight:400}*,*:before,*:after{box-sizing:inherit}a{text-decoration-skip-ink:auto}.display-large{font-size:5.7em;line-height:var(--t-line-height-heading, 1.3em);margin-top:calc(var(--t-line-height-heading, 1.3em) / 2 * 2.5);margin-bottom:calc(var(--t-line-height-heading, 1.3em) / 2 * 1);max-inline-size:50ch;text-wrap:balance;margin-left:-.08em}.display-medium{font-size:4.5em;line-height:var(--t-line-height-heading, 1.3em);margin-top:calc(var(--t-line-height-heading, 1.3em) / 2 * 2.5);margin-bottom:calc(var(--t-line-height-heading, 1.3em) / 2 * 1);max-inline-size:50ch;text-wrap:balance;margin-left:-.07em}.display-small{font-size:3.6em;line-height:var(--t-line-height-heading, 1.3em);margin-top:calc(var(--t-line-height-heading, 1.3em) / 2 * 2.5);margin-bottom:calc(var(--t-line-height-heading, 1.3em) / 2 * 1);max-inline-size:50ch;text-wrap:balance;margin-left:-.07em}.headline-large{font-size:3.2em;line-height:var(--t-line-height-heading, 1.3em);margin-top:calc(var(--t-line-height-heading, 1.3em) / 2 * 2.5);margin-bottom:calc(var(--t-line-height-heading, 1.3em) / 2 * 1);max-inline-size:50ch;text-wrap:balance;margin-left:-.06em}.headline-medium{font-size:2.8em;line-height:var(--t-line-height-heading, 1.3em);margin-top:calc(var(--t-line-height-heading, 1.3em) / 2 * 2.5);margin-bottom:calc(var(--t-line-height-heading, 1.3em) / 2 * 1);max-inline-size:50ch;text-wrap:balance;margin-left:-.06em}.headline-small{font-size:2.4em;line-height:var(--t-line-height-heading, 1.3em);margin-top:calc(var(--t-line-height-heading, 1.3em) / 2 * 2.5);margin-bottom:calc(var(--t-line-height-heading, 1.3em) / 2 * 1);max-inline-size:50ch;text-wrap:balance;margin-left:-.05em}.title-large{font-size:2.2em;line-height:var(--t-line-height-heading, 1.3em);margin-top:calc(var(--t-line-height-heading, 1.3em) / 2 * 2.5);margin-bottom:calc(var(--t-line-height-heading, 1.3em) / 2 * 1);max-inline-size:50ch;text-wrap:balance;margin-left:-.04em}.title-medium{font-size:1.6rem;line-height:var(--t-line-height-heading, 1.3em);margin-top:calc(var(--t-line-height-heading, 1.3em) / 2 * 2.5);margin-bottom:calc(var(--t-line-height-heading, 1.3em) / 2 * 1);max-inline-size:50ch;text-wrap:balance;font-weight:600;margin-left:-.03em}.title-small{font-size:1.4rem;line-height:var(--t-line-height-heading, 1.3em);margin-top:calc(var(--t-line-height-heading, 1.3em) / 2 * 2.5);margin-bottom:calc(var(--t-line-height-heading, 1.3em) / 2 * 1);max-inline-size:50ch;text-wrap:balance;font-weight:600}.label-large{font-size:1.4rem;line-height:2rem;margin-bottom:1rem;text-wrap:balance;font-weight:600}.label-large:last-of-type{margin-block-end:0}.label-medium{font-size:1.2rem;line-height:1.6rem;margin-bottom:.8rem;text-wrap:balance;font-weight:600}.label-medium:last-of-type{margin-block-end:0}.label-small{font-size:1.1rem;line-height:1.6rem;margin-bottom:.8rem;text-wrap:balance;font-weight:600}.label-small:last-of-type{margin-block-end:0}.body-large{font-size:1.6rem;line-height:2.4rem;margin-bottom:1.2rem;text-wrap:balance}.body-large:last-of-type{margin-block-end:0}.body-medium{font-size:1.4rem;line-height:2rem;margin-bottom:1rem;text-wrap:balance}.body-medium:last-of-type{margin-block-end:0}.body-small{font-size:1.2rem;line-height:1.6rem;margin-bottom:.8rem;text-wrap:balance}.body-small:last-of-type{margin-block-end:0}ul,ol{padding-left:0;list-style-position:outside;font-size:1.4rem;line-height:2rem}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "typographics",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
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",
|
|
@@ -25,11 +25,10 @@
|
|
|
25
25
|
"dist/"
|
|
26
26
|
],
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"stylelint": "16.
|
|
29
|
-
"stylelint-config-standard-scss": "
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"vite": "6.2.1"
|
|
28
|
+
"stylelint": "16.23.0",
|
|
29
|
+
"stylelint-config-standard-scss": "15.0.1",
|
|
30
|
+
"sass": "1.90.0",
|
|
31
|
+
"vite": "7.1.0"
|
|
33
32
|
},
|
|
34
33
|
"keywords": [
|
|
35
34
|
"typography",
|