@new-ui/typography 0.1.6 → 0.1.7
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/README.md +1 -2
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/package.json +5 -5
- package/src/_components.scss +1 -1
- package/src/_variables.scss +54 -54
- package/src/index.scss +3 -3
- package/.github/workflows/ci.yml +0 -19
- package/assets/cover.png +0 -0
package/README.md
CHANGED
|
@@ -18,10 +18,9 @@ To get started quickly, you can use the CDN files.
|
|
|
18
18
|
|
|
19
19
|
```scss
|
|
20
20
|
// Place this at the top of your SCSS/CSS file
|
|
21
|
-
@
|
|
21
|
+
@use "@new-ui/typography";
|
|
22
22
|
```
|
|
23
23
|
|
|
24
24
|
## Guides
|
|
25
|
-
- [Get a Figma copy](https://www.figma.com/community/file/1325646289622213496/new-ui)
|
|
26
25
|
- [Read our typography guide](https://new-ui.com/docs/foundations/typography)
|
|
27
26
|
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--system-ui:system-ui,sans-serif;--transitional:Charter,"Bitstream Charter","Sitka Text",Cambria,serif;--old-style:"Iowan Old Style","Palatino Linotype","URW Palladio L",P052,serif;--humanist:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--geometric-humanist:Avenir,Montserrat,Corbel,"URW Gothic",source-sans-pro,sans-serif;--classical-humanist:Optima,Candara,"Noto Sans",source-sans-pro,sans-serif;--neo-grotesque:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--monospace-slab-serif:"Nimbus Mono PS","Courier New",monospace;--monospace-code:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--industrial:Bahnschrift,"DIN Alternate","Franklin Gothic Medium","Nimbus Sans Narrow",sans-serif-condensed,sans-serif;--rounded-sans:ui-rounded,"Hiragino Maru Gothic ProN",Quicksand,Comfortaa,Manjari,"Arial Rounded MT","Arial Rounded MT Bold",Calibri,source-sans-pro,sans-serif;--slab-serif:Rockwell,"Rockwell Nova","Roboto Slab","DejaVu Serif","Sitka Small",serif;--antique:Superclarendon,"Bookman Old Style","URW Bookman","URW Bookman L","Georgia Pro",Georgia,serif;--didone:Didot,"Bodoni MT","Noto Serif Display","URW Palladio L",P052,Sylfaen,serif;--handwritten:"Segoe Print","Bradley Hand",Chilanka,TSCu_Comic,casual,cursive;--mobile-heading-01:
|
|
1
|
+
:root{--system-ui:system-ui,sans-serif;--transitional:Charter,"Bitstream Charter","Sitka Text",Cambria,serif;--old-style:"Iowan Old Style","Palatino Linotype","URW Palladio L",P052,serif;--humanist:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--geometric-humanist:Avenir,Montserrat,Corbel,"URW Gothic",source-sans-pro,sans-serif;--classical-humanist:Optima,Candara,"Noto Sans",source-sans-pro,sans-serif;--neo-grotesque:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--monospace-slab-serif:"Nimbus Mono PS","Courier New",monospace;--monospace-code:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--industrial:Bahnschrift,"DIN Alternate","Franklin Gothic Medium","Nimbus Sans Narrow",sans-serif-condensed,sans-serif;--rounded-sans:ui-rounded,"Hiragino Maru Gothic ProN",Quicksand,Comfortaa,Manjari,"Arial Rounded MT","Arial Rounded MT Bold",Calibri,source-sans-pro,sans-serif;--slab-serif:Rockwell,"Rockwell Nova","Roboto Slab","DejaVu Serif","Sitka Small",serif;--antique:Superclarendon,"Bookman Old Style","URW Bookman","URW Bookman L","Georgia Pro",Georgia,serif;--didone:Didot,"Bodoni MT","Noto Serif Display","URW Palladio L",P052,Sylfaen,serif;--handwritten:"Segoe Print","Bradley Hand",Chilanka,TSCu_Comic,casual,cursive;--mobile-heading-01:2rem;--mobile-heading-02:1.75rem;--mobile-heading-03:1.5rem;--mobile-heading-04:1.25rem;--mobile-heading-05:1.125rem;--mobile-heading-06:1rem;--mobile-body-xl:1rem;--mobile-body:.875rem;--mobile-body-sm:.75rem;--mobile-caption:.75rem;--mobile-helper-text:.75rem;--mobile-code:.875rem;--lh-mobile-heading-01:2.5rem;--lh-mobile-heading-02:2.25rem;--lh-mobile-heading-03:1.875rem;--lh-mobile-heading-04:1.75rem;--lh-mobile-heading-05:1.625rem;--lh-mobile-heading-06:1.5rem;--lh-mobile-body-xl:1.5rem;--lh-mobile-body:1.25rem;--lh-mobile-body-sm:1rem;--lh-mobile-caption:1rem;--lh-mobile-helper-text:1rem;--lh-mobile-code:1.25rem;--mobile-tracking-heading-01:-.05rem;--mobile-tracking-heading-02:-.025rem;--mobile-tracking-heading-03:-.025rem;--desktop-heading-01:3.375rem;--desktop-heading-02:2.625rem;--desktop-heading-03:2rem;--desktop-heading-04:1.75rem;--desktop-heading-05:1.25rem;--desktop-heading-06:1.125rem;--desktop-body-xl:1.125rem;--desktop-body:1rem;--desktop-body-sm:.875rem;--desktop-caption:.75rem;--desktop-helper-text:.75rem;--desktop-code:.875rem;--lh-desktop-heading-01:4rem;--lh-desktop-heading-02:3.125rem;--lh-desktop-heading-03:2.5rem;--lh-desktop-heading-04:2.25rem;--lh-desktop-heading-05:1.75rem;--lh-desktop-heading-06:1.625rem;--lh-desktop-body-xl:1.625rem;--lh-desktop-body:1.5rem;--lh-desktop-body-sm:1.25rem;--lh-desktop-caption:1rem;--lh-desktop-helper-text:1rem;--lh-desktop-code:1.25rem;--desktop-tracking-heading-01:-.075rem;--desktop-tracking-heading-02:-.05rem;--desktop-tracking-heading-03:-.025rem}.nu-u-fw-bold{font-weight:700}.nu-u-fw-semi-bold{font-weight:500}.nu-u-fw-normal{font-weight:400}.nu-u-text--uppercase{text-transform:uppercase}.nu-u-text--lowercase{text-transform:lowercase}.nu-u-text--capitalize{text-transform:capitalize}.nu-u-text--underline{text-decoration:underline}.nu-u-text--left{text-align:left}.nu-u-text--right{text-align:right}.nu-u-text--center{text-align:center}.nu-u-text--justify{text-align:justify}.nu-u-serif{font-family:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif}.nu-u-sans-serif{font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif}.nu-u-code{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}.nu-c-h1{font-weight:700;font-size:var(--desktop-heading-01);line-height:var(--lh-desktop-heading-01);letter-spacing:var(--desktop-tracking-heading-01)}@media screen and (width<=37.5rem){.nu-c-h1{font-size:var(--mobile-heading-01);line-height:var(--lh-mobile-heading-01);letter-spacing:var(--mobile-tracking-heading-01)}}.nu-c-h2{font-weight:700;font-size:var(--desktop-heading-02);line-height:var(--lh-desktop-heading-02);letter-spacing:var(--desktop-tracking-heading-02)}@media screen and (width<=37.5rem){.nu-c-h2{font-size:var(--mobile-heading-02);line-height:var(--lh-mobile-heading-02);letter-spacing:var(--mobile-tracking-heading-02)}}.nu-c-h3{font-weight:700;font-size:var(--desktop-heading-03);line-height:var(--lh-desktop-heading-03);letter-spacing:var(--desktop-tracking-heading-03)}@media screen and (width<=37.5rem){.nu-c-h3{font-size:var(--mobile-heading-03);line-height:var(--lh-mobile-heading-03);letter-spacing:var(--mobile-tracking-heading-03)}}.nu-c-h4{font-weight:700;font-size:var(--desktop-heading-04);line-height:var(--lh-desktop-heading-04)}@media screen and (width<=37.5rem){.nu-c-h4{font-size:var(--mobile-heading-04);line-height:var(--lh-mobile-heading-04)}}.nu-c-h5{font-weight:700;font-size:var(--desktop-heading-05);line-height:var(--lh-desktop-heading-05)}@media screen and (width<=37.5rem){.nu-c-h5{font-size:var(--mobile-heading-05);line-height:var(--lh-mobile-heading-05)}}.nu-c-h6{font-weight:500;font-size:var(--desktop-heading-06);line-height:var(--lh-desktop-heading-06)}@media screen and (width<=37.5rem){.nu-c-h6{font-size:var(--mobile-heading-06);line-height:var(--lh-mobile-heading-06)}}.nu-c-fs-lead{font-size:var(--desktop-body-xl);line-height:var(--lh-desktop-body-xl)}@media screen and (width<=37.5rem){.nu-c-fs-lead{font-size:var(--mobile-body-xl);line-height:var(--lh-mobile-body-xl)}}.nu-c-fs-normal{font-size:var(--desktop-body);line-height:var(--lh-desktop-body)}@media screen and (width<=37.5rem){.nu-c-fs-normal{font-size:var(--mobile-body);line-height:var(--lh-mobile-body)}}.nu-c-fs-small{font-size:var(--desktop-body-sm);line-height:var(--lh-desktop-body-sm)}@media screen and (width<=37.5rem){.nu-c-fs-small{font-size:var(--mobile-body-sm);line-height:var(--lh-mobile-body-sm)}}.nu-c-caption{text-transform:uppercase;font-weight:500;font-size:var(--desktop-caption);line-height:var(--lh-desktop-caption)}@media screen and (width<=37.5rem){.nu-c-caption{font-size:var(--mobile-caption);line-height:var(--lh-mobile-caption)}}.nu-c-helper-text{font-size:var(--desktop-helper-text);line-height:var(--lh-desktop-helper-text)}@media screen and (width<=37.5rem){.nu-c-helper-text{font-size:var(--mobile-helper-text);line-height:var(--lh-mobile-helper-text)}}.nu-c-code{font-size:var(--desktop-code);line-height:var(--desktop-code)}@media screen and (width<=37.5rem){.nu-c-code{font-size:var(--mobile-code);line-height:var(--mobile-code)}}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"AEAA,2sFCCA,8BAIA,mCAIA,gCAKA,+CAIA,+CAIA,iDAIA,gDAIA,iCAIA,mCAIA,qCAIA,uCAKA,6FAUA,iGAUA,4GChEA,wJAME,oCANF,sIAaA,wJAME,oCANF,sIAaA,wJAME,oCANF,sIAaA,sGAKE,oCALF,qFAWA,sGAKE,oCALF,qFAWA,sGAKE,oCALF,qFAWA,qFAIE,oCAJF,oFAUA,iFAIE,oCAJF,gFAUA,sFAIE,oCAJF,qFAUA,8HAME,oCANF,oFAYA,iGAIE,oCAJF,gGAUA,yEAIE,oCAJF","sources":["index.css","src/index.scss","src/_variables.scss","src/_utilities.scss","src/_components.scss"],"sourcesContent":[":root {\n --system-ui: system-ui, sans-serif;\n --transitional: Charter, \"Bitstream Charter\", \"Sitka Text\", Cambria, serif;\n --old-style: \"Iowan Old Style\", \"Palatino Linotype\", \"URW Palladio L\", P052, serif;\n --humanist: Seravek, \"Gill Sans Nova\", Ubuntu, Calibri, \"DejaVu Sans\", source-sans-pro, sans-serif;\n --geometric-humanist: Avenir, Montserrat, Corbel, \"URW Gothic\", source-sans-pro, sans-serif;\n --classical-humanist: Optima, Candara, \"Noto Sans\", source-sans-pro, sans-serif;\n --neo-grotesque: Inter, Roboto, \"Helvetica Neue\", \"Arial Nova\", \"Nimbus Sans\", Arial, sans-serif;\n --monospace-slab-serif: \"Nimbus Mono PS\", \"Courier New\", monospace;\n --monospace-code: ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n --industrial: Bahnschrift, \"DIN Alternate\", \"Franklin Gothic Medium\", \"Nimbus Sans Narrow\", sans-serif-condensed, sans-serif;\n --rounded-sans: ui-rounded, \"Hiragino Maru Gothic ProN\", Quicksand, Comfortaa, Manjari, \"Arial Rounded MT\", \"Arial Rounded MT Bold\", Calibri, source-sans-pro, sans-serif;\n --slab-serif: Rockwell, \"Rockwell Nova\", \"Roboto Slab\", \"DejaVu Serif\", \"Sitka Small\", serif;\n --antique: Superclarendon, \"Bookman Old Style\", \"URW Bookman\", \"URW Bookman L\", \"Georgia Pro\", Georgia, serif;\n --didone: Didot, \"Bodoni MT\", \"Noto Serif Display\", \"URW Palladio L\", P052, Sylfaen, serif;\n --handwritten: \"Segoe Print\", \"Bradley Hand\", Chilanka, TSCu_Comic, casual, cursive;\n --mobile-heading-01: 32px;\n --mobile-heading-02: 28px;\n --mobile-heading-03: 24px;\n --mobile-heading-04: 20px;\n --mobile-heading-05: 18px;\n --mobile-heading-06: 16px;\n --mobile-body-xl: 16px;\n --mobile-body: 14px;\n --mobile-body-sm: 12px;\n --mobile-caption: 12px;\n --mobile-helper-text: 12px;\n --mobile-code: 14px;\n --lh-mobile-heading-01: 40px;\n --lh-mobile-heading-02: 36px;\n --lh-mobile-heading-03: 30px;\n --lh-mobile-heading-04: 28px;\n --lh-mobile-heading-05: 26px;\n --lh-mobile-heading-06: 24px;\n --lh-mobile-body-xl: 24px;\n --lh-mobile-body: 20px;\n --lh-mobile-body-sm: 16px;\n --lh-mobile-caption: 16px;\n --lh-mobile-helper-text: 16px;\n --lh-mobile-code: 20px;\n --mobile-tracking-heading-01: -.8px;\n --mobile-tracking-heading-02: -.4px;\n --mobile-tracking-heading-03: -.4px;\n --desktop-heading-01: 54px;\n --desktop-heading-02: 42px;\n --desktop-heading-03: 32px;\n --desktop-heading-04: 28px;\n --desktop-heading-05: 20px;\n --desktop-heading-06: 18px;\n --desktop-body-xl: 18px;\n --desktop-body: 16px;\n --desktop-body-sm: 14px;\n --desktop-caption: 12px;\n --desktop-helper-text: 12px;\n --desktop-code: 14px;\n --lh-desktop-heading-01: 64px;\n --lh-desktop-heading-02: 50px;\n --lh-desktop-heading-03: 40px;\n --lh-desktop-heading-04: 36px;\n --lh-desktop-heading-05: 28px;\n --lh-desktop-heading-06: 26px;\n --lh-desktop-body-xl: 26px;\n --lh-desktop-body: 24px;\n --lh-desktop-body-sm: 20px;\n --lh-desktop-caption: 16px;\n --lh-desktop-helper-text: 16px;\n --lh-desktop-code: 20px;\n --desktop-tracking-heading-01: -1.2px;\n --desktop-tracking-heading-02: -.8px;\n --desktop-tracking-heading-03: -.4px;\n}\n\n.nu-u-fw-bold {\n font-weight: 700;\n}\n\n.nu-u-fw-semi-bold {\n font-weight: 500;\n}\n\n.nu-u-fw-normal {\n font-weight: 400;\n}\n\n.nu-u-text--uppercase {\n text-transform: uppercase;\n}\n\n.nu-u-text--lowercase {\n text-transform: lowercase;\n}\n\n.nu-u-text--capitalize {\n text-transform: capitalize;\n}\n\n.nu-u-text--underline {\n text-decoration: underline;\n}\n\n.nu-u-text--left {\n text-align: left;\n}\n\n.nu-u-text--right {\n text-align: right;\n}\n\n.nu-u-text--center {\n text-align: center;\n}\n\n.nu-u-text--justify {\n text-align: justify;\n}\n\n.nu-u-serif {\n font-family: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;\n}\n\n.nu-u-sans-serif {\n font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;\n}\n\n.nu-u-code {\n font-family: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;\n}\n\n.nu-c-h1 {\n font-weight: 700;\n font-size: var(--desktop-heading-01);\n line-height: var(--lh-desktop-heading-01);\n letter-spacing: var(--desktop-tracking-heading-01);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-h1 {\n font-size: var(--mobile-heading-01);\n line-height: var(--lh-mobile-heading-01);\n letter-spacing: var(--mobile-tracking-heading-01);\n }\n}\n\n.nu-c-h2 {\n font-weight: 700;\n font-size: var(--desktop-heading-02);\n line-height: var(--lh-desktop-heading-02);\n letter-spacing: var(--desktop-tracking-heading-02);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-h2 {\n font-size: var(--mobile-heading-02);\n line-height: var(--lh-mobile-heading-02);\n letter-spacing: var(--mobile-tracking-heading-02);\n }\n}\n\n.nu-c-h3 {\n font-weight: 700;\n font-size: var(--desktop-heading-03);\n line-height: var(--lh-desktop-heading-03);\n letter-spacing: var(--desktop-tracking-heading-03);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-h3 {\n font-size: var(--mobile-heading-03);\n line-height: var(--lh-mobile-heading-03);\n letter-spacing: var(--mobile-tracking-heading-03);\n }\n}\n\n.nu-c-h4 {\n font-weight: 700;\n font-size: var(--desktop-heading-04);\n line-height: var(--lh-desktop-heading-04);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-h4 {\n font-size: var(--mobile-heading-04);\n line-height: var(--lh-mobile-heading-04);\n }\n}\n\n.nu-c-h5 {\n font-weight: 700;\n font-size: var(--desktop-heading-05);\n line-height: var(--lh-desktop-heading-05);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-h5 {\n font-size: var(--mobile-heading-05);\n line-height: var(--lh-mobile-heading-05);\n }\n}\n\n.nu-c-h6 {\n font-weight: 500;\n font-size: var(--desktop-heading-06);\n line-height: var(--lh-desktop-heading-06);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-h6 {\n font-size: var(--mobile-heading-06);\n line-height: var(--lh-mobile-heading-06);\n }\n}\n\n.nu-c-fs-lead {\n font-size: var(--desktop-body-xl);\n line-height: var(--lh-desktop-body-xl);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-fs-lead {\n font-size: var(--mobile-body-xl);\n line-height: var(--lh-mobile-body-xl);\n }\n}\n\n.nu-c-fs-normal {\n font-size: var(--desktop-body);\n line-height: var(--lh-desktop-body);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-fs-normal {\n font-size: var(--mobile-body);\n line-height: var(--lh-mobile-body);\n }\n}\n\n.nu-c-fs-small {\n font-size: var(--desktop-body-sm);\n line-height: var(--lh-desktop-body-sm);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-fs-small {\n font-size: var(--mobile-body-sm);\n line-height: var(--lh-mobile-body-sm);\n }\n}\n\n.nu-c-caption {\n text-transform: uppercase;\n font-weight: 500;\n font-size: var(--desktop-caption);\n line-height: var(--lh-desktop-caption);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-caption {\n font-size: var(--mobile-caption);\n line-height: var(--lh-mobile-caption);\n }\n}\n\n.nu-c-helper-text {\n font-size: var(--desktop-helper-text);\n line-height: var(--lh-desktop-helper-text);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-helper-text {\n font-size: var(--mobile-helper-text);\n line-height: var(--lh-mobile-helper-text);\n }\n}\n\n.nu-c-code {\n font-size: var(--desktop-code);\n line-height: var(--desktop-code);\n}\n\n@media screen and (max-width: 600px) {\n .nu-c-code {\n font-size: var(--mobile-code);\n line-height: var(--mobile-code);\n }\n}\n\n/*# sourceMappingURL=index.css.map */\n","@import 'variables';\n@import 'utilities';\n@import 'components';",":root {\n /* System Font Stacks */\n --system-ui: system-ui, sans-serif;\n --transitional: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;\n --old-style: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;\n --humanist: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;\n --geometric-humanist: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;\n --classical-humanist: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;\n --neo-grotesque: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;\n --monospace-slab-serif: 'Nimbus Mono PS', 'Courier New', monospace;\n --monospace-code: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;\n --industrial: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;\n --rounded-sans: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;\n --slab-serif: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;\n --antique: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;\n --didone: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;\n --handwritten: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;\n\n /* Mobile */\n --mobile-heading-01: 32px;\n --mobile-heading-02: 28px;\n --mobile-heading-03: 24px;\n --mobile-heading-04: 20px;\n --mobile-heading-05: 18px;\n --mobile-heading-06: 16px;\n\n --mobile-body-xl: 16px;\n --mobile-body: 14px;\n --mobile-body-sm: 12px;\n\n --mobile-caption: 12px;\n --mobile-helper-text: 12px;\n --mobile-code: 14px;\n\n --lh-mobile-heading-01: 40px;\n --lh-mobile-heading-02: 36px;\n --lh-mobile-heading-03: 30px;\n --lh-mobile-heading-04: 28px;\n --lh-mobile-heading-05: 26px;\n --lh-mobile-heading-06: 24px;\n\n --lh-mobile-body-xl: 24px;\n --lh-mobile-body: 20px;\n --lh-mobile-body-sm: 16px;\n\n --lh-mobile-caption: 16px;\n --lh-mobile-helper-text: 16px;\n --lh-mobile-code: 20px;\n\n --mobile-tracking-heading-01: -0.8px;\n --mobile-tracking-heading-02: -0.4px;\n --mobile-tracking-heading-03: -0.4px;\n\n /* Desktop */\n --desktop-heading-01: 54px;\n --desktop-heading-02: 42px;\n --desktop-heading-03: 32px;\n --desktop-heading-04: 28px;\n --desktop-heading-05: 20px;\n --desktop-heading-06: 18px;\n\n --desktop-body-xl: 18px;\n --desktop-body: 16px;\n --desktop-body-sm: 14px;\n\n --desktop-caption: 12px;\n --desktop-helper-text: 12px;\n --desktop-code: 14px;\n\n --lh-desktop-heading-01: 64px;\n --lh-desktop-heading-02: 50px;\n --lh-desktop-heading-03: 40px;\n --lh-desktop-heading-04: 36px;\n --lh-desktop-heading-05: 28px;\n --lh-desktop-heading-06: 26px;\n\n --lh-desktop-body-xl: 26px;\n --lh-desktop-body: 24px;\n --lh-desktop-body-sm: 20px;\n\n --lh-desktop-caption: 16px;\n --lh-desktop-helper-text: 16px;\n --lh-desktop-code: 20px;\n\n --desktop-tracking-heading-01: -1.2px;\n --desktop-tracking-heading-02: -0.8px;\n --desktop-tracking-heading-03: -0.4px;\n}","/* Font Weights */\n.nu-u-fw-bold {\n font-weight: 700;\n}\n\n.nu-u-fw-semi-bold {\n font-weight: 500;\n}\n\n.nu-u-fw-normal {\n font-weight: 400;\n}\n\n/* Utilities */\n.nu-u-text--uppercase {\n text-transform: uppercase;\n}\n\n.nu-u-text--lowercase {\n text-transform: lowercase;\n}\n\n.nu-u-text--capitalize {\n text-transform: capitalize;\n}\n\n.nu-u-text--underline {\n text-decoration: underline;\n}\n\n.nu-u-text--left {\n text-align: left;\n}\n\n.nu-u-text--right {\n text-align: right;\n}\n\n.nu-u-text--center {\n text-align: center;\n}\n\n.nu-u-text--justify {\n text-align: justify;\n}\n\n/* Font family */\n.nu-u-serif {\n font-family: Didot,\n 'Bodoni MT',\n 'Noto Serif Display',\n 'URW Palladio L',\n P052,\n Sylfaen,\n serif;\n}\n\n.nu-u-sans-serif {\n font-family: Inter,\n Roboto,\n 'Helvetica Neue',\n 'Arial Nova',\n 'Nimbus Sans',\n Arial,\n sans-serif;\n}\n\n.nu-u-code {\n font-family: ui-monospace,\n 'Cascadia Code',\n 'Source Code Pro',\n Menlo,\n Consolas,\n 'DejaVu Sans Mono',\n monospace;\n}","$mobile-breakpoint: 600px;\n\n/* Components */\n.nu-c-h1 {\n font-weight: 700;\n font-size: var(--desktop-heading-01);\n line-height: var(--lh-desktop-heading-01);\n letter-spacing: var(--desktop-tracking-heading-01);\n\n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-heading-01);\n line-height: var(--lh-mobile-heading-01);\n letter-spacing: var(--mobile-tracking-heading-01);\n }\n}\n\n.nu-c-h2 {\n font-weight: 700;\n font-size: var(--desktop-heading-02);\n line-height: var(--lh-desktop-heading-02);\n letter-spacing: var(--desktop-tracking-heading-02);\n\n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-heading-02);\n line-height: var(--lh-mobile-heading-02);\n letter-spacing: var(--mobile-tracking-heading-02);\n }\n}\n\n.nu-c-h3 {\n font-weight: 700;\n font-size: var(--desktop-heading-03);\n line-height: var(--lh-desktop-heading-03);\n letter-spacing: var(--desktop-tracking-heading-03);\n \n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-heading-03);\n line-height: var(--lh-mobile-heading-03);\n letter-spacing: var(--mobile-tracking-heading-03);\n }\n}\n\n.nu-c-h4 {\n font-weight: 700;\n font-size: var(--desktop-heading-04);\n line-height: var(--lh-desktop-heading-04);\n \n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-heading-04);\n line-height: var(--lh-mobile-heading-04);\n }\n}\n\n.nu-c-h5 {\n font-weight: 700;\n font-size: var(--desktop-heading-05);\n line-height: var(--lh-desktop-heading-05);\n\n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-heading-05);\n line-height: var(--lh-mobile-heading-05);\n }\n}\n\n.nu-c-h6 {\n font-weight: 500;\n font-size: var(--desktop-heading-06);\n line-height: var(--lh-desktop-heading-06);\n \n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-heading-06);\n line-height: var(--lh-mobile-heading-06);\n }\n}\n\n.nu-c-fs-lead {\n font-size: var(--desktop-body-xl);\n line-height: var(--lh-desktop-body-xl);\n \n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-body-xl);\n line-height: var(--lh-mobile-body-xl);\n }\n}\n\n.nu-c-fs-normal {\n font-size: var(--desktop-body);\n line-height: var(--lh-desktop-body);\n\n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-body);\n line-height: var(--lh-mobile-body);\n }\n}\n\n.nu-c-fs-small {\n font-size: var(--desktop-body-sm);\n line-height: var(--lh-desktop-body-sm);\n\n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-body-sm);\n line-height: var(--lh-mobile-body-sm);\n }\n}\n\n.nu-c-caption {\n font-weight: 500;\n text-transform: uppercase;\n font-size: var(--desktop-caption);\n line-height: var(--lh-desktop-caption);\n\n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-caption);\n line-height: var(--lh-mobile-caption);\n }\n}\n\n.nu-c-helper-text {\n font-size: var(--desktop-helper-text);\n line-height: var(--lh-desktop-helper-text);\n\n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-helper-text);\n line-height: var(--lh-mobile-helper-text);\n }\n}\n\n.nu-c-code {\n font-size: var(--desktop-code);\n line-height: var(--desktop-code);\n\n @media screen and (max-width: $mobile-breakpoint) {\n font-size: var(--mobile-code);\n line-height: var(--mobile-code);\n }\n}\n"],"names":[],"version":3,"file":"index.css.map"}
|
|
1
|
+
{"mappings":"ACAA,w0FCCA,8BAIA,mCAIA,gCAKA,+CAIA,+CAIA,iDAIA,gDAIA,iCAIA,mCAIA,qCAIA,uCAKA,6FAUA,iGAUA,4GChEA,wJAME,mCANF,sIAaA,wJAME,mCANF,sIAaA,wJAME,mCANF,sIAaA,sGAKE,mCALF,qFAWA,sGAKE,mCALF,qFAWA,sGAKE,mCALF,qFAWA,qFAIE,mCAJF,oFAUA,iFAIE,mCAJF,gFAUA,sFAIE,mCAJF,qFAUA,8HAME,mCANF,oFAYA,iGAIE,mCAJF,gGAUA,yEAIE,mCAJF","sources":["index.css","../../New%20Packages/typography/src/_variables.scss","../../New%20Packages/typography/src/_utilities.scss","../../New%20Packages/typography/src/_components.scss"],"sourcesContent":[":root {\n --system-ui: system-ui, sans-serif;\n --transitional: Charter, \"Bitstream Charter\", \"Sitka Text\", Cambria, serif;\n --old-style: \"Iowan Old Style\", \"Palatino Linotype\", \"URW Palladio L\", P052, serif;\n --humanist: Seravek, \"Gill Sans Nova\", Ubuntu, Calibri, \"DejaVu Sans\", source-sans-pro, sans-serif;\n --geometric-humanist: Avenir, Montserrat, Corbel, \"URW Gothic\", source-sans-pro, sans-serif;\n --classical-humanist: Optima, Candara, \"Noto Sans\", source-sans-pro, sans-serif;\n --neo-grotesque: Inter, Roboto, \"Helvetica Neue\", \"Arial Nova\", \"Nimbus Sans\", Arial, sans-serif;\n --monospace-slab-serif: \"Nimbus Mono PS\", \"Courier New\", monospace;\n --monospace-code: ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n --industrial: Bahnschrift, \"DIN Alternate\", \"Franklin Gothic Medium\", \"Nimbus Sans Narrow\", sans-serif-condensed, sans-serif;\n --rounded-sans: ui-rounded, \"Hiragino Maru Gothic ProN\", Quicksand, Comfortaa, Manjari, \"Arial Rounded MT\", \"Arial Rounded MT Bold\", Calibri, source-sans-pro, sans-serif;\n --slab-serif: Rockwell, \"Rockwell Nova\", \"Roboto Slab\", \"DejaVu Serif\", \"Sitka Small\", serif;\n --antique: Superclarendon, \"Bookman Old Style\", \"URW Bookman\", \"URW Bookman L\", \"Georgia Pro\", Georgia, serif;\n --didone: Didot, \"Bodoni MT\", \"Noto Serif Display\", \"URW Palladio L\", P052, Sylfaen, serif;\n --handwritten: \"Segoe Print\", \"Bradley Hand\", Chilanka, TSCu_Comic, casual, cursive;\n --mobile-heading-01: 2rem;\n --mobile-heading-02: 1.75rem;\n --mobile-heading-03: 1.5rem;\n --mobile-heading-04: 1.25rem;\n --mobile-heading-05: 1.125rem;\n --mobile-heading-06: 1rem;\n --mobile-body-xl: 1rem;\n --mobile-body: .875rem;\n --mobile-body-sm: .75rem;\n --mobile-caption: .75rem;\n --mobile-helper-text: .75rem;\n --mobile-code: .875rem;\n --lh-mobile-heading-01: 2.5rem;\n --lh-mobile-heading-02: 2.25rem;\n --lh-mobile-heading-03: 1.875rem;\n --lh-mobile-heading-04: 1.75rem;\n --lh-mobile-heading-05: 1.625rem;\n --lh-mobile-heading-06: 1.5rem;\n --lh-mobile-body-xl: 1.5rem;\n --lh-mobile-body: 1.25rem;\n --lh-mobile-body-sm: 1rem;\n --lh-mobile-caption: 1rem;\n --lh-mobile-helper-text: 1rem;\n --lh-mobile-code: 1.25rem;\n --mobile-tracking-heading-01: -.05rem;\n --mobile-tracking-heading-02: -.025rem;\n --mobile-tracking-heading-03: -.025rem;\n --desktop-heading-01: 3.375rem;\n --desktop-heading-02: 2.625rem;\n --desktop-heading-03: 2rem;\n --desktop-heading-04: 1.75rem;\n --desktop-heading-05: 1.25rem;\n --desktop-heading-06: 1.125rem;\n --desktop-body-xl: 1.125rem;\n --desktop-body: 1rem;\n --desktop-body-sm: .875rem;\n --desktop-caption: .75rem;\n --desktop-helper-text: .75rem;\n --desktop-code: .875rem;\n --lh-desktop-heading-01: 4rem;\n --lh-desktop-heading-02: 3.125rem;\n --lh-desktop-heading-03: 2.5rem;\n --lh-desktop-heading-04: 2.25rem;\n --lh-desktop-heading-05: 1.75rem;\n --lh-desktop-heading-06: 1.625rem;\n --lh-desktop-body-xl: 1.625rem;\n --lh-desktop-body: 1.5rem;\n --lh-desktop-body-sm: 1.25rem;\n --lh-desktop-caption: 1rem;\n --lh-desktop-helper-text: 1rem;\n --lh-desktop-code: 1.25rem;\n --desktop-tracking-heading-01: -.075rem;\n --desktop-tracking-heading-02: -.05rem;\n --desktop-tracking-heading-03: -.025rem;\n}\n\n.nu-u-fw-bold {\n font-weight: 700;\n}\n\n.nu-u-fw-semi-bold {\n font-weight: 500;\n}\n\n.nu-u-fw-normal {\n font-weight: 400;\n}\n\n.nu-u-text--uppercase {\n text-transform: uppercase;\n}\n\n.nu-u-text--lowercase {\n text-transform: lowercase;\n}\n\n.nu-u-text--capitalize {\n text-transform: capitalize;\n}\n\n.nu-u-text--underline {\n text-decoration: underline;\n}\n\n.nu-u-text--left {\n text-align: left;\n}\n\n.nu-u-text--right {\n text-align: right;\n}\n\n.nu-u-text--center {\n text-align: center;\n}\n\n.nu-u-text--justify {\n text-align: justify;\n}\n\n.nu-u-serif {\n font-family: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;\n}\n\n.nu-u-sans-serif {\n font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;\n}\n\n.nu-u-code {\n font-family: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;\n}\n\n.nu-c-h1 {\n font-weight: 700;\n font-size: var(--desktop-heading-01);\n line-height: var(--lh-desktop-heading-01);\n letter-spacing: var(--desktop-tracking-heading-01);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h1 {\n font-size: var(--mobile-heading-01);\n line-height: var(--lh-mobile-heading-01);\n letter-spacing: var(--mobile-tracking-heading-01);\n }\n}\n\n.nu-c-h2 {\n font-weight: 700;\n font-size: var(--desktop-heading-02);\n line-height: var(--lh-desktop-heading-02);\n letter-spacing: var(--desktop-tracking-heading-02);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h2 {\n font-size: var(--mobile-heading-02);\n line-height: var(--lh-mobile-heading-02);\n letter-spacing: var(--mobile-tracking-heading-02);\n }\n}\n\n.nu-c-h3 {\n font-weight: 700;\n font-size: var(--desktop-heading-03);\n line-height: var(--lh-desktop-heading-03);\n letter-spacing: var(--desktop-tracking-heading-03);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h3 {\n font-size: var(--mobile-heading-03);\n line-height: var(--lh-mobile-heading-03);\n letter-spacing: var(--mobile-tracking-heading-03);\n }\n}\n\n.nu-c-h4 {\n font-weight: 700;\n font-size: var(--desktop-heading-04);\n line-height: var(--lh-desktop-heading-04);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h4 {\n font-size: var(--mobile-heading-04);\n line-height: var(--lh-mobile-heading-04);\n }\n}\n\n.nu-c-h5 {\n font-weight: 700;\n font-size: var(--desktop-heading-05);\n line-height: var(--lh-desktop-heading-05);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h5 {\n font-size: var(--mobile-heading-05);\n line-height: var(--lh-mobile-heading-05);\n }\n}\n\n.nu-c-h6 {\n font-weight: 500;\n font-size: var(--desktop-heading-06);\n line-height: var(--lh-desktop-heading-06);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-h6 {\n font-size: var(--mobile-heading-06);\n line-height: var(--lh-mobile-heading-06);\n }\n}\n\n.nu-c-fs-lead {\n font-size: var(--desktop-body-xl);\n line-height: var(--lh-desktop-body-xl);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-lead {\n font-size: var(--mobile-body-xl);\n line-height: var(--lh-mobile-body-xl);\n }\n}\n\n.nu-c-fs-normal {\n font-size: var(--desktop-body);\n line-height: var(--lh-desktop-body);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-normal {\n font-size: var(--mobile-body);\n line-height: var(--lh-mobile-body);\n }\n}\n\n.nu-c-fs-small {\n font-size: var(--desktop-body-sm);\n line-height: var(--lh-desktop-body-sm);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-fs-small {\n font-size: var(--mobile-body-sm);\n line-height: var(--lh-mobile-body-sm);\n }\n}\n\n.nu-c-caption {\n text-transform: uppercase;\n font-weight: 500;\n font-size: var(--desktop-caption);\n line-height: var(--lh-desktop-caption);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-caption {\n font-size: var(--mobile-caption);\n line-height: var(--lh-mobile-caption);\n }\n}\n\n.nu-c-helper-text {\n font-size: var(--desktop-helper-text);\n line-height: var(--lh-desktop-helper-text);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-helper-text {\n font-size: var(--mobile-helper-text);\n line-height: var(--lh-mobile-helper-text);\n }\n}\n\n.nu-c-code {\n font-size: var(--desktop-code);\n line-height: var(--desktop-code);\n}\n\n@media screen and (width <= 37.5rem) {\n .nu-c-code {\n font-size: var(--mobile-code);\n line-height: var(--mobile-code);\n }\n}\n/*# sourceMappingURL=index.css.map */\n",null,null,null],"names":[],"version":3,"file":"index.css.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@new-ui/typography",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.7",
|
|
4
4
|
"description": "Modular typographic scale for your apps and websites.",
|
|
5
5
|
"source": "src/index.scss",
|
|
6
6
|
"main": "dist/index.css",
|
|
@@ -33,9 +33,9 @@
|
|
|
33
33
|
},
|
|
34
34
|
"homepage": "https://github.com/NewDesignFile/typography#readme",
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@parcel/transformer-sass": "^2.
|
|
37
|
-
"autoprefixer": "^10.4.
|
|
38
|
-
"parcel": "^2.
|
|
39
|
-
"postcss-node-sass": "^
|
|
36
|
+
"@parcel/transformer-sass": "^2.13.3",
|
|
37
|
+
"autoprefixer": "^10.4.20",
|
|
38
|
+
"parcel": "^2.13.3",
|
|
39
|
+
"postcss-node-sass": "^3.1.4"
|
|
40
40
|
}
|
|
41
41
|
}
|
package/src/_components.scss
CHANGED
package/src/_variables.scss
CHANGED
|
@@ -17,72 +17,72 @@
|
|
|
17
17
|
--handwritten: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;
|
|
18
18
|
|
|
19
19
|
/* Mobile */
|
|
20
|
-
--mobile-heading-01:
|
|
21
|
-
--mobile-heading-02:
|
|
22
|
-
--mobile-heading-03:
|
|
23
|
-
--mobile-heading-04:
|
|
24
|
-
--mobile-heading-05:
|
|
25
|
-
--mobile-heading-06:
|
|
20
|
+
--mobile-heading-01: 2rem;
|
|
21
|
+
--mobile-heading-02: 1.75rem;
|
|
22
|
+
--mobile-heading-03: 1.5rem;
|
|
23
|
+
--mobile-heading-04: 1.25rem;
|
|
24
|
+
--mobile-heading-05: 1.125rem;
|
|
25
|
+
--mobile-heading-06: 1rem;
|
|
26
26
|
|
|
27
|
-
--mobile-body-xl:
|
|
28
|
-
--mobile-body:
|
|
29
|
-
--mobile-body-sm:
|
|
27
|
+
--mobile-body-xl: 1rem;
|
|
28
|
+
--mobile-body: 0.875rem;
|
|
29
|
+
--mobile-body-sm: 0.75rem;
|
|
30
30
|
|
|
31
|
-
--mobile-caption:
|
|
32
|
-
--mobile-helper-text:
|
|
33
|
-
--mobile-code:
|
|
31
|
+
--mobile-caption: 0.75rem;
|
|
32
|
+
--mobile-helper-text: 0.75rem;
|
|
33
|
+
--mobile-code: 0.875rem;
|
|
34
34
|
|
|
35
|
-
--lh-mobile-heading-01:
|
|
36
|
-
--lh-mobile-heading-02:
|
|
37
|
-
--lh-mobile-heading-03:
|
|
38
|
-
--lh-mobile-heading-04:
|
|
39
|
-
--lh-mobile-heading-05:
|
|
40
|
-
--lh-mobile-heading-06:
|
|
35
|
+
--lh-mobile-heading-01: 2.5rem;
|
|
36
|
+
--lh-mobile-heading-02: 2.25rem;
|
|
37
|
+
--lh-mobile-heading-03: 1.875rem;
|
|
38
|
+
--lh-mobile-heading-04: 1.75rem;
|
|
39
|
+
--lh-mobile-heading-05: 1.625rem;
|
|
40
|
+
--lh-mobile-heading-06: 1.5rem;
|
|
41
41
|
|
|
42
|
-
--lh-mobile-body-xl:
|
|
43
|
-
--lh-mobile-body:
|
|
44
|
-
--lh-mobile-body-sm:
|
|
42
|
+
--lh-mobile-body-xl: 1.5rem;
|
|
43
|
+
--lh-mobile-body: 1.25rem;
|
|
44
|
+
--lh-mobile-body-sm: 1rem;
|
|
45
45
|
|
|
46
|
-
--lh-mobile-caption:
|
|
47
|
-
--lh-mobile-helper-text:
|
|
48
|
-
--lh-mobile-code:
|
|
46
|
+
--lh-mobile-caption: 1rem;
|
|
47
|
+
--lh-mobile-helper-text: 1rem;
|
|
48
|
+
--lh-mobile-code: 1.25rem;
|
|
49
49
|
|
|
50
|
-
--mobile-tracking-heading-01: -0.
|
|
51
|
-
--mobile-tracking-heading-02: -0.
|
|
52
|
-
--mobile-tracking-heading-03: -0.
|
|
50
|
+
--mobile-tracking-heading-01: -0.05rem;
|
|
51
|
+
--mobile-tracking-heading-02: -0.025rem;
|
|
52
|
+
--mobile-tracking-heading-03: -0.025rem;
|
|
53
53
|
|
|
54
54
|
/* Desktop */
|
|
55
|
-
--desktop-heading-01:
|
|
56
|
-
--desktop-heading-02:
|
|
57
|
-
--desktop-heading-03:
|
|
58
|
-
--desktop-heading-04:
|
|
59
|
-
--desktop-heading-05:
|
|
60
|
-
--desktop-heading-06:
|
|
55
|
+
--desktop-heading-01: 3.375rem;
|
|
56
|
+
--desktop-heading-02: 2.625rem;
|
|
57
|
+
--desktop-heading-03: 2rem;
|
|
58
|
+
--desktop-heading-04: 1.75rem;
|
|
59
|
+
--desktop-heading-05: 1.25rem;
|
|
60
|
+
--desktop-heading-06: 1.125rem;
|
|
61
61
|
|
|
62
|
-
--desktop-body-xl:
|
|
63
|
-
--desktop-body:
|
|
64
|
-
--desktop-body-sm:
|
|
62
|
+
--desktop-body-xl: 1.125rem;
|
|
63
|
+
--desktop-body: 1rem;
|
|
64
|
+
--desktop-body-sm: 0.875rem;
|
|
65
65
|
|
|
66
|
-
--desktop-caption:
|
|
67
|
-
--desktop-helper-text:
|
|
68
|
-
--desktop-code:
|
|
66
|
+
--desktop-caption: 0.75rem;
|
|
67
|
+
--desktop-helper-text: 0.75rem;
|
|
68
|
+
--desktop-code: 0.875rem;
|
|
69
69
|
|
|
70
|
-
--lh-desktop-heading-01:
|
|
71
|
-
--lh-desktop-heading-02:
|
|
72
|
-
--lh-desktop-heading-03:
|
|
73
|
-
--lh-desktop-heading-04:
|
|
74
|
-
--lh-desktop-heading-05:
|
|
75
|
-
--lh-desktop-heading-06:
|
|
70
|
+
--lh-desktop-heading-01: 4rem;
|
|
71
|
+
--lh-desktop-heading-02: 3.125rem;
|
|
72
|
+
--lh-desktop-heading-03: 2.5rem;
|
|
73
|
+
--lh-desktop-heading-04: 2.25rem;
|
|
74
|
+
--lh-desktop-heading-05: 1.75rem;
|
|
75
|
+
--lh-desktop-heading-06: 1.625rem;
|
|
76
76
|
|
|
77
|
-
--lh-desktop-body-xl:
|
|
78
|
-
--lh-desktop-body:
|
|
79
|
-
--lh-desktop-body-sm:
|
|
77
|
+
--lh-desktop-body-xl: 1.625rem;
|
|
78
|
+
--lh-desktop-body: 1.5rem;
|
|
79
|
+
--lh-desktop-body-sm: 1.25rem;
|
|
80
80
|
|
|
81
|
-
--lh-desktop-caption:
|
|
82
|
-
--lh-desktop-helper-text:
|
|
83
|
-
--lh-desktop-code:
|
|
81
|
+
--lh-desktop-caption: 1rem;
|
|
82
|
+
--lh-desktop-helper-text: 1rem;
|
|
83
|
+
--lh-desktop-code: 1.25rem;
|
|
84
84
|
|
|
85
|
-
--desktop-tracking-heading-01: -
|
|
86
|
-
--desktop-tracking-heading-02: -0.
|
|
87
|
-
--desktop-tracking-heading-03: -0.
|
|
85
|
+
--desktop-tracking-heading-01: -0.075rem;
|
|
86
|
+
--desktop-tracking-heading-02: -0.05rem;
|
|
87
|
+
--desktop-tracking-heading-03: -0.025rem;
|
|
88
88
|
}
|
package/src/index.scss
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@
|
|
2
|
-
@
|
|
3
|
-
@
|
|
1
|
+
@use 'variables';
|
|
2
|
+
@use 'utilities';
|
|
3
|
+
@use 'components';
|
package/.github/workflows/ci.yml
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
name: Publish npm package
|
|
2
|
-
on:
|
|
3
|
-
push:
|
|
4
|
-
branches:
|
|
5
|
-
- main
|
|
6
|
-
|
|
7
|
-
jobs:
|
|
8
|
-
publish:
|
|
9
|
-
runs-on: ubuntu-latest
|
|
10
|
-
steps:
|
|
11
|
-
- uses: actions/checkout@v3
|
|
12
|
-
- uses: actions/setup-node@v3
|
|
13
|
-
with:
|
|
14
|
-
node-version: 18.11.0
|
|
15
|
-
- run: npm install && npm run build
|
|
16
|
-
- uses: JS-DevTools/npm-publish@v1
|
|
17
|
-
with:
|
|
18
|
-
token: ${{ secrets.NPM_TOKEN }}
|
|
19
|
-
access: public
|
package/assets/cover.png
DELETED
|
Binary file
|