@new-ui/spacings 0.1.1 → 0.1.3

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 CHANGED
@@ -1,4 +1,4 @@
1
- # New UI Spacing Blocks
1
+ # New UI Spacings
2
2
 
3
3
  ## Install
4
4
  Install New UI Spacings from your terminal via npm.
@@ -22,27 +22,6 @@ To get started quickly, you can use the CDN files.
22
22
  @import '@new-ui/spacings';
23
23
  ```
24
24
 
25
- ## Build
26
-
27
- To build css
28
-
29
- ```
30
- npm install
31
- npm run build
32
- ```
33
-
34
- ## Recommended Defaults
35
- Refer to the Figma file for the spacings tokens cheatsheet.
36
-
37
- [Get a Figma copy]()
38
-
39
- ## Usage Guide
40
-
41
- - Tokens defined in the figma file matches variables declared in CSS
42
- - All classes associated with the design system are prefixed with a global namespace followed by a hyphen: `nu-`
43
- - In addition to a global namespace, we added prefixes to each class to make it more apparent what job that class is doing using BEM syntax
44
- * `c-` for UI components, such as `.nu-c-h1` or `.nu-c-card`
45
- * `l-` for layout-related styles, such as `.nu-l-grid__item` or `.nu-l--two-column`
46
- * `u-` for utilities, such as `.nu-u-mb-<spacing-token>` or `.nu-u-margin-bottom-pt2`
47
- * `is-` and has- for specific states, such as `.nu-is-active` or `.nu-is-disabled`. These state-based classes - would apply to
48
- * `js-` for targeting JavaScript-specific functionality, such as `.js-modal-trigger`. No styles are bound to these classes; they’re reserved for behavior only. For most cases, these `js-` classes would toggle - state-based classes to an element.
25
+ ## Guides
26
+ - [Get a Figma copy](https://www.figma.com/community/file/1325646289622213496/new-ui)
27
+ - [Read our spacings guide](https://new-ui.com/docs/foundations/spacings)
@@ -1 +1 @@
1
- {"mappings":"AEAA,yVCCA,iCACA,gCACA,+BAEA,2CACA,0CACA,yCACA,0CACA,wCACA,2CACA,mCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCAEA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAEA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CAEA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CAEA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CAEA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAIA,4CACA,2CACA,0CACA,2CACA,yCACA,4CACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,qCACA,qCACA,qCACA,qCACA,qCACA,qCACA,qCACA,qCACA,qCAEA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CAEA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CAEA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAEA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CC1QA,sDACA,sDACA,sDACA,sDACA,sDACA,sDACA,sDACA,sDACA,sDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA","sources":["index.css","src/index.scss","src/_variables.scss","src/_utilities.scss","src/_components.scss"],"sourcesContent":[":root {\n --spacing-00: 0px;\n --spacing-01: 2px;\n --spacing-02: 4px;\n --spacing-03: 6px;\n --spacing-04: 8px;\n --spacing-05: 12px;\n --spacing-06: 16px;\n --spacing-07: 20px;\n --spacing-08: 24px;\n --spacing-09: 32px;\n --spacing-10: 40px;\n --spacing-11: 48px;\n --spacing-12: 56px;\n --spacing-13: 64px;\n --spacing-14: 72px;\n --spacing-15: 80px;\n --spacing-16: 96px;\n --spacing-17: 120px;\n --spacing-18: 160px;\n}\n\n.nu-u-mx-auto {\n margin-inline: auto;\n}\n\n.nu-u-me-auto {\n margin-right: auto;\n}\n\n.nu-u-ms-auto {\n margin-left: auto;\n}\n\n.nu-u-mx-0 {\n margin-inline: var(--spacing-00);\n}\n\n.nu-u-my-0 {\n margin-block: var(--spacing-00);\n}\n\n.nu-u-ms-0 {\n margin-left: var(--spacing-00);\n}\n\n.nu-u-me-0 {\n margin-right: var(--spacing-00);\n}\n\n.nu-u-mt-0 {\n margin-top: var(--spacing-00);\n}\n\n.nu-u-mb-0 {\n margin-bottom: var(--spacing-00);\n}\n\n.nu-u-m-0 {\n margin: var(--spacing-00);\n}\n\n.nu-u-mt-1 {\n margin-top: var(--spacing-01);\n}\n\n.nu-u-mt-2 {\n margin-top: var(--spacing-02);\n}\n\n.nu-u-mt-3 {\n margin-top: var(--spacing-03);\n}\n\n.nu-u-mt-4 {\n margin-top: var(--spacing-04);\n}\n\n.nu-u-mt-5 {\n margin-top: var(--spacing-05);\n}\n\n.nu-u-mt-6 {\n margin-top: var(--spacing-06);\n}\n\n.nu-u-mt-7 {\n margin-top: var(--spacing-07);\n}\n\n.nu-u-mt-8 {\n margin-top: var(--spacing-08);\n}\n\n.nu-u-mt-9 {\n margin-top: var(--spacing-09);\n}\n\n.nu-u-mt-10 {\n margin-top: var(--spacing-10);\n}\n\n.nu-u-mt-11 {\n margin-top: var(--spacing-11);\n}\n\n.nu-u-mt-12 {\n margin-top: var(--spacing-12);\n}\n\n.nu-u-mt-13 {\n margin-top: var(--spacing-13);\n}\n\n.nu-u-mt-14 {\n margin-top: var(--spacing-14);\n}\n\n.nu-u-mt-15 {\n margin-top: var(--spacing-15);\n}\n\n.nu-u-mt-16 {\n margin-top: var(--spacing-16);\n}\n\n.nu-u-mt-17 {\n margin-top: var(--spacing-17);\n}\n\n.nu-u-mt-18 {\n margin-top: var(--spacing-18);\n}\n\n.nu-u-me-1 {\n margin-right: var(--spacing-01);\n}\n\n.nu-u-me-2 {\n margin-right: var(--spacing-02);\n}\n\n.nu-u-me-3 {\n margin-right: var(--spacing-03);\n}\n\n.nu-u-me-4 {\n margin-right: var(--spacing-04);\n}\n\n.nu-u-me-5 {\n margin-right: var(--spacing-05);\n}\n\n.nu-u-me-6 {\n margin-right: var(--spacing-06);\n}\n\n.nu-u-me-7 {\n margin-right: var(--spacing-07);\n}\n\n.nu-u-me-8 {\n margin-right: var(--spacing-08);\n}\n\n.nu-u-me-9 {\n margin-right: var(--spacing-09);\n}\n\n.nu-u-me-10 {\n margin-right: var(--spacing-10);\n}\n\n.nu-u-me-11 {\n margin-right: var(--spacing-11);\n}\n\n.nu-u-me-12 {\n margin-right: var(--spacing-12);\n}\n\n.nu-u-me-13 {\n margin-right: var(--spacing-13);\n}\n\n.nu-u-me-14 {\n margin-right: var(--spacing-14);\n}\n\n.nu-u-me-15 {\n margin-right: var(--spacing-15);\n}\n\n.nu-u-me-16 {\n margin-right: var(--spacing-16);\n}\n\n.nu-u-me-17 {\n margin-right: var(--spacing-17);\n}\n\n.nu-u-me-18 {\n margin-right: var(--spacing-18);\n}\n\n.nu-u-mb-1 {\n margin-bottom: var(--spacing-01);\n}\n\n.nu-u-mb-2 {\n margin-bottom: var(--spacing-02);\n}\n\n.nu-u-mb-3 {\n margin-bottom: var(--spacing-03);\n}\n\n.nu-u-mb-4 {\n margin-bottom: var(--spacing-04);\n}\n\n.nu-u-mb-5 {\n margin-bottom: var(--spacing-05);\n}\n\n.nu-u-mb-6 {\n margin-bottom: var(--spacing-06);\n}\n\n.nu-u-mb-7 {\n margin-bottom: var(--spacing-07);\n}\n\n.nu-u-mb-8 {\n margin-bottom: var(--spacing-08);\n}\n\n.nu-u-mb-9 {\n margin-bottom: var(--spacing-09);\n}\n\n.nu-u-mb-10 {\n margin-bottom: var(--spacing-10);\n}\n\n.nu-u-mb-11 {\n margin-bottom: var(--spacing-11);\n}\n\n.nu-u-mb-12 {\n margin-bottom: var(--spacing-12);\n}\n\n.nu-u-mb-13 {\n margin-bottom: var(--spacing-13);\n}\n\n.nu-u-mb-14 {\n margin-bottom: var(--spacing-14);\n}\n\n.nu-u-mb-15 {\n margin-bottom: var(--spacing-15);\n}\n\n.nu-u-mb-16 {\n margin-bottom: var(--spacing-16);\n}\n\n.nu-u-mb-17 {\n margin-bottom: var(--spacing-17);\n}\n\n.nu-u-mb-18 {\n margin-bottom: var(--spacing-18);\n}\n\n.nu-u-ms-1 {\n margin-left: var(--spacing-01);\n}\n\n.nu-u-ms-2 {\n margin-left: var(--spacing-02);\n}\n\n.nu-u-ms-3 {\n margin-left: var(--spacing-03);\n}\n\n.nu-u-ms-4 {\n margin-left: var(--spacing-04);\n}\n\n.nu-u-ms-5 {\n margin-left: var(--spacing-05);\n}\n\n.nu-u-ms-6 {\n margin-left: var(--spacing-06);\n}\n\n.nu-u-ms-7 {\n margin-left: var(--spacing-07);\n}\n\n.nu-u-ms-8 {\n margin-left: var(--spacing-08);\n}\n\n.nu-u-ms-9 {\n margin-left: var(--spacing-09);\n}\n\n.nu-u-ms-10 {\n margin-left: var(--spacing-10);\n}\n\n.nu-u-ms-11 {\n margin-left: var(--spacing-11);\n}\n\n.nu-u-ms-12 {\n margin-left: var(--spacing-12);\n}\n\n.nu-u-ms-13 {\n margin-left: var(--spacing-13);\n}\n\n.nu-u-ms-14 {\n margin-left: var(--spacing-14);\n}\n\n.nu-u-ms-15 {\n margin-left: var(--spacing-15);\n}\n\n.nu-u-ms-16 {\n margin-left: var(--spacing-16);\n}\n\n.nu-u-ms-17 {\n margin-left: var(--spacing-17);\n}\n\n.nu-u-ms-18 {\n margin-left: var(--spacing-18);\n}\n\n.nu-u-mx-1 {\n margin-inline: var(--spacing-01);\n}\n\n.nu-u-mx-2 {\n margin-inline: var(--spacing-02);\n}\n\n.nu-u-mx-3 {\n margin-inline: var(--spacing-03);\n}\n\n.nu-u-mx-4 {\n margin-inline: var(--spacing-04);\n}\n\n.nu-u-mx-5 {\n margin-inline: var(--spacing-05);\n}\n\n.nu-u-mx-6 {\n margin-inline: var(--spacing-06);\n}\n\n.nu-u-mx-7 {\n margin-inline: var(--spacing-07);\n}\n\n.nu-u-mx-8 {\n margin-inline: var(--spacing-08);\n}\n\n.nu-u-mx-9 {\n margin-inline: var(--spacing-09);\n}\n\n.nu-u-mx-10 {\n margin-inline: var(--spacing-10);\n}\n\n.nu-u-mx-11 {\n margin-inline: var(--spacing-11);\n}\n\n.nu-u-mx-12 {\n margin-inline: var(--spacing-12);\n}\n\n.nu-u-mx-13 {\n margin-inline: var(--spacing-13);\n}\n\n.nu-u-mx-14 {\n margin-inline: var(--spacing-14);\n}\n\n.nu-u-mx-15 {\n margin-inline: var(--spacing-15);\n}\n\n.nu-u-mx-16 {\n margin-inline: var(--spacing-16);\n}\n\n.nu-u-mx-17 {\n margin-inline: var(--spacing-17);\n}\n\n.nu-u-mx-18 {\n margin-inline: var(--spacing-18);\n}\n\n.nu-u-my-1 {\n margin-block: var(--spacing-01);\n}\n\n.nu-u-my-2 {\n margin-block: var(--spacing-02);\n}\n\n.nu-u-my-3 {\n margin-block: var(--spacing-03);\n}\n\n.nu-u-my-4 {\n margin-block: var(--spacing-04);\n}\n\n.nu-u-my-5 {\n margin-block: var(--spacing-05);\n}\n\n.nu-u-my-6 {\n margin-block: var(--spacing-06);\n}\n\n.nu-u-my-7 {\n margin-block: var(--spacing-07);\n}\n\n.nu-u-my-8 {\n margin-block: var(--spacing-08);\n}\n\n.nu-u-my-9 {\n margin-block: var(--spacing-09);\n}\n\n.nu-u-my-10 {\n margin-block: var(--spacing-10);\n}\n\n.nu-u-my-11 {\n margin-block: var(--spacing-11);\n}\n\n.nu-u-my-12 {\n margin-block: var(--spacing-12);\n}\n\n.nu-u-my-13 {\n margin-block: var(--spacing-13);\n}\n\n.nu-u-my-14 {\n margin-block: var(--spacing-14);\n}\n\n.nu-u-my-15 {\n margin-block: var(--spacing-15);\n}\n\n.nu-u-my-16 {\n margin-block: var(--spacing-16);\n}\n\n.nu-u-my-17 {\n margin-block: var(--spacing-17);\n}\n\n.nu-u-my-18 {\n margin-block: var(--spacing-18);\n}\n\n.nu-u-px-0 {\n padding-inline: var(--spacing-00);\n}\n\n.nu-u-py-0 {\n padding-block: var(--spacing-00);\n}\n\n.nu-u-ps-0 {\n padding-left: var(--spacing-00);\n}\n\n.nu-u-pe-0 {\n padding-right: var(--spacing-00);\n}\n\n.nu-u-pt-0 {\n padding-top: var(--spacing-00);\n}\n\n.nu-u-pb-0 {\n padding-bottom: var(--spacing-00);\n}\n\n.nu-u-p-0 {\n padding: var(--spacing-00);\n}\n\n.nu-u-p-1 {\n padding: var(--spacing-01);\n}\n\n.nu-u-p-2 {\n padding: var(--spacing-02);\n}\n\n.nu-u-p-3 {\n padding: var(--spacing-03);\n}\n\n.nu-u-p-4 {\n padding: var(--spacing-04);\n}\n\n.nu-u-p-5 {\n padding: var(--spacing-05);\n}\n\n.nu-u-p-6 {\n padding: var(--spacing-06);\n}\n\n.nu-u-p-7 {\n padding: var(--spacing-07);\n}\n\n.nu-u-p-8 {\n padding: var(--spacing-08);\n}\n\n.nu-u-p-9 {\n padding: var(--spacing-09);\n}\n\n.nu-u-p-10 {\n padding: var(--spacing-10);\n}\n\n.nu-u-p-11 {\n padding: var(--spacing-11);\n}\n\n.nu-u-p-12 {\n padding: var(--spacing-12);\n}\n\n.nu-u-p-13 {\n padding: var(--spacing-13);\n}\n\n.nu-u-p-14 {\n padding: var(--spacing-14);\n}\n\n.nu-u-p-15 {\n padding: var(--spacing-15);\n}\n\n.nu-u-p-16 {\n padding: var(--spacing-16);\n}\n\n.nu-u-p-17 {\n padding: var(--spacing-17);\n}\n\n.nu-u-p-18 {\n padding: var(--spacing-18);\n}\n\n.nu-u-pt-1 {\n padding-top: var(--spacing-01);\n}\n\n.nu-u-pt-2 {\n padding-top: var(--spacing-02);\n}\n\n.nu-u-pt-3 {\n padding-top: var(--spacing-03);\n}\n\n.nu-u-pt-4 {\n padding-top: var(--spacing-04);\n}\n\n.nu-u-pt-5 {\n padding-top: var(--spacing-05);\n}\n\n.nu-u-pt-6 {\n padding-top: var(--spacing-06);\n}\n\n.nu-u-pt-7 {\n padding-top: var(--spacing-07);\n}\n\n.nu-u-pt-8 {\n padding-top: var(--spacing-08);\n}\n\n.nu-u-pt-9 {\n padding-top: var(--spacing-09);\n}\n\n.nu-u-pt-10 {\n padding-top: var(--spacing-10);\n}\n\n.nu-u-pt-11 {\n padding-top: var(--spacing-11);\n}\n\n.nu-u-pt-12 {\n padding-top: var(--spacing-12);\n}\n\n.nu-u-pt-13 {\n padding-top: var(--spacing-13);\n}\n\n.nu-u-pt-14 {\n padding-top: var(--spacing-14);\n}\n\n.nu-u-pt-15 {\n padding-top: var(--spacing-15);\n}\n\n.nu-u-pt-16 {\n padding-top: var(--spacing-16);\n}\n\n.nu-u-pt-17 {\n padding-top: var(--spacing-17);\n}\n\n.nu-u-pt-18 {\n padding-top: var(--spacing-18);\n}\n\n.nu-u-pe-1 {\n padding-right: var(--spacing-01);\n}\n\n.nu-u-pe-2 {\n padding-right: var(--spacing-02);\n}\n\n.nu-u-pe-3 {\n padding-right: var(--spacing-03);\n}\n\n.nu-u-pe-4 {\n padding-right: var(--spacing-04);\n}\n\n.nu-u-pe-5 {\n padding-right: var(--spacing-05);\n}\n\n.nu-u-pe-6 {\n padding-right: var(--spacing-06);\n}\n\n.nu-u-pe-7 {\n padding-right: var(--spacing-07);\n}\n\n.nu-u-pe-8 {\n padding-right: var(--spacing-08);\n}\n\n.nu-u-pe-9 {\n padding-right: var(--spacing-09);\n}\n\n.nu-u-pe-10 {\n padding-right: var(--spacing-10);\n}\n\n.nu-u-pe-11 {\n padding-right: var(--spacing-11);\n}\n\n.nu-u-pe-12 {\n padding-right: var(--spacing-12);\n}\n\n.nu-u-pe-13 {\n padding-right: var(--spacing-13);\n}\n\n.nu-u-pe-14 {\n padding-right: var(--spacing-14);\n}\n\n.nu-u-pe-15 {\n padding-right: var(--spacing-15);\n}\n\n.nu-u-pe-16 {\n padding-right: var(--spacing-16);\n}\n\n.nu-u-pe-17 {\n padding-right: var(--spacing-17);\n}\n\n.nu-u-pe-18 {\n padding-right: var(--spacing-18);\n}\n\n.nu-u-pb-1 {\n padding-bottom: var(--spacing-01);\n}\n\n.nu-u-pb-2 {\n padding-bottom: var(--spacing-02);\n}\n\n.nu-u-pb-3 {\n padding-bottom: var(--spacing-03);\n}\n\n.nu-u-pb-4 {\n padding-bottom: var(--spacing-04);\n}\n\n.nu-u-pb-5 {\n padding-bottom: var(--spacing-05);\n}\n\n.nu-u-pb-6 {\n padding-bottom: var(--spacing-06);\n}\n\n.nu-u-pb-7 {\n padding-bottom: var(--spacing-07);\n}\n\n.nu-u-pb-8 {\n padding-bottom: var(--spacing-08);\n}\n\n.nu-u-pb-9 {\n padding-bottom: var(--spacing-09);\n}\n\n.nu-u-pb-10 {\n padding-bottom: var(--spacing-10);\n}\n\n.nu-u-pb-11 {\n padding-bottom: var(--spacing-11);\n}\n\n.nu-u-pb-12 {\n padding-bottom: var(--spacing-12);\n}\n\n.nu-u-pb-13 {\n padding-bottom: var(--spacing-13);\n}\n\n.nu-u-pb-14 {\n padding-bottom: var(--spacing-14);\n}\n\n.nu-u-pb-15 {\n padding-bottom: var(--spacing-15);\n}\n\n.nu-u-pb-16 {\n padding-bottom: var(--spacing-16);\n}\n\n.nu-u-pb-17 {\n padding-bottom: var(--spacing-17);\n}\n\n.nu-u-pb-18 {\n padding-bottom: var(--spacing-18);\n}\n\n.nu-u-ps-1 {\n padding-left: var(--spacing-01);\n}\n\n.nu-u-ps-2 {\n padding-left: var(--spacing-02);\n}\n\n.nu-u-ps-3 {\n padding-left: var(--spacing-03);\n}\n\n.nu-u-ps-4 {\n padding-left: var(--spacing-04);\n}\n\n.nu-u-ps-5 {\n padding-left: var(--spacing-05);\n}\n\n.nu-u-ps-6 {\n padding-left: var(--spacing-06);\n}\n\n.nu-u-ps-7 {\n padding-left: var(--spacing-07);\n}\n\n.nu-u-ps-8 {\n padding-left: var(--spacing-08);\n}\n\n.nu-u-ps-9 {\n padding-left: var(--spacing-09);\n}\n\n.nu-u-ps-10 {\n padding-left: var(--spacing-10);\n}\n\n.nu-u-ps-11 {\n padding-left: var(--spacing-11);\n}\n\n.nu-u-ps-12 {\n padding-left: var(--spacing-12);\n}\n\n.nu-u-ps-13 {\n padding-left: var(--spacing-13);\n}\n\n.nu-u-ps-14 {\n padding-left: var(--spacing-14);\n}\n\n.nu-u-ps-15 {\n padding-left: var(--spacing-15);\n}\n\n.nu-u-ps-16 {\n padding-left: var(--spacing-16);\n}\n\n.nu-u-ps-17 {\n padding-left: var(--spacing-17);\n}\n\n.nu-u-ps-18 {\n padding-left: var(--spacing-18);\n}\n\n.nu-u-px-1 {\n padding-inline: var(--spacing-01);\n}\n\n.nu-u-px-2 {\n padding-inline: var(--spacing-02);\n}\n\n.nu-u-px-3 {\n padding-inline: var(--spacing-03);\n}\n\n.nu-u-px-4 {\n padding-inline: var(--spacing-04);\n}\n\n.nu-u-px-5 {\n padding-inline: var(--spacing-05);\n}\n\n.nu-u-px-6 {\n padding-inline: var(--spacing-06);\n}\n\n.nu-u-px-7 {\n padding-inline: var(--spacing-07);\n}\n\n.nu-u-px-8 {\n padding-inline: var(--spacing-08);\n}\n\n.nu-u-px-9 {\n padding-inline: var(--spacing-09);\n}\n\n.nu-u-px-10 {\n padding-inline: var(--spacing-10);\n}\n\n.nu-u-px-11 {\n padding-inline: var(--spacing-11);\n}\n\n.nu-u-px-12 {\n padding-inline: var(--spacing-12);\n}\n\n.nu-u-px-13 {\n padding-inline: var(--spacing-13);\n}\n\n.nu-u-px-14 {\n padding-inline: var(--spacing-14);\n}\n\n.nu-u-px-15 {\n padding-inline: var(--spacing-15);\n}\n\n.nu-u-px-16 {\n padding-inline: var(--spacing-16);\n}\n\n.nu-u-px-17 {\n padding-inline: var(--spacing-17);\n}\n\n.nu-u-px-18 {\n padding-inline: var(--spacing-18);\n}\n\n.nu-u-py-1 {\n padding-block: var(--spacing-01);\n}\n\n.nu-u-py-2 {\n padding-block: var(--spacing-02);\n}\n\n.nu-u-py-3 {\n padding-block: var(--spacing-03);\n}\n\n.nu-u-py-4 {\n padding-block: var(--spacing-04);\n}\n\n.nu-u-py-5 {\n padding-block: var(--spacing-05);\n}\n\n.nu-u-py-6 {\n padding-block: var(--spacing-06);\n}\n\n.nu-u-py-7 {\n padding-block: var(--spacing-07);\n}\n\n.nu-u-py-8 {\n padding-block: var(--spacing-08);\n}\n\n.nu-u-py-9 {\n padding-block: var(--spacing-09);\n}\n\n.nu-u-py-10 {\n padding-block: var(--spacing-10);\n}\n\n.nu-u-py-11 {\n padding-block: var(--spacing-11);\n}\n\n.nu-u-py-12 {\n padding-block: var(--spacing-12);\n}\n\n.nu-u-py-13 {\n padding-block: var(--spacing-13);\n}\n\n.nu-u-py-14 {\n padding-block: var(--spacing-14);\n}\n\n.nu-u-py-15 {\n padding-block: var(--spacing-15);\n}\n\n.nu-u-py-16 {\n padding-block: var(--spacing-16);\n}\n\n.nu-u-py-17 {\n padding-block: var(--spacing-17);\n}\n\n.nu-u-py-18 {\n padding-block: var(--spacing-18);\n}\n\n.nu-c-spacer-1 {\n height: var(--spacing-01);\n display: block;\n}\n\n.nu-c-spacer-2 {\n height: var(--spacing-02);\n display: block;\n}\n\n.nu-c-spacer-3 {\n height: var(--spacing-03);\n display: block;\n}\n\n.nu-c-spacer-4 {\n height: var(--spacing-04);\n display: block;\n}\n\n.nu-c-spacer-5 {\n height: var(--spacing-05);\n display: block;\n}\n\n.nu-c-spacer-6 {\n height: var(--spacing-06);\n display: block;\n}\n\n.nu-c-spacer-7 {\n height: var(--spacing-07);\n display: block;\n}\n\n.nu-c-spacer-8 {\n height: var(--spacing-08);\n display: block;\n}\n\n.nu-c-spacer-9 {\n height: var(--spacing-09);\n display: block;\n}\n\n.nu-c-spacer-10 {\n height: var(--spacing-10);\n display: block;\n}\n\n.nu-c-spacer-11 {\n height: var(--spacing-11);\n display: block;\n}\n\n.nu-c-spacer-12 {\n height: var(--spacing-12);\n display: block;\n}\n\n.nu-c-spacer-13 {\n height: var(--spacing-13);\n display: block;\n}\n\n.nu-c-spacer-14 {\n height: var(--spacing-14);\n display: block;\n}\n\n.nu-c-spacer-15 {\n height: var(--spacing-15);\n display: block;\n}\n\n.nu-c-spacer-16 {\n height: var(--spacing-16);\n display: block;\n}\n\n.nu-c-spacer-17 {\n height: var(--spacing-17);\n display: block;\n}\n\n.nu-c-spacer-18 {\n height: var(--spacing-18);\n display: block;\n}\n\n/*# sourceMappingURL=index.css.map */\n","@import 'variables';\n@import 'utilities';\n@import 'components';\n",":root {\n --spacing-00: 0px;\n --spacing-01: 2px;\n --spacing-02: 4px;\n --spacing-03: 6px;\n --spacing-04: 8px;\n --spacing-05: 12px;\n --spacing-06: 16px;\n --spacing-07: 20px;\n --spacing-08: 24px;\n --spacing-09: 32px;\n --spacing-10: 40px;\n --spacing-11: 48px;\n --spacing-12: 56px;\n --spacing-13: 64px;\n --spacing-14: 72px;\n --spacing-15: 80px;\n --spacing-16: 96px;\n --spacing-17: 120px;\n --spacing-18: 160px;\n}","// Margins\n.nu-u-mx-auto {margin-inline: auto;}\n.nu-u-me-auto {margin-right: auto;}\n.nu-u-ms-auto {margin-left: auto;}\n\n.nu-u-mx-0 {margin-inline: var(--spacing-00);}\n.nu-u-my-0 {margin-block: var(--spacing-00);}\n.nu-u-ms-0 {margin-left: var(--spacing-00);}\n.nu-u-me-0 {margin-right: var(--spacing-00);}\n.nu-u-mt-0 {margin-top: var(--spacing-00);}\n.nu-u-mb-0 {margin-bottom: var(--spacing-00);}\n.nu-u-m-0 {margin: var(--spacing-00);}\n\n.nu-u-mt-1 { margin-top: var(--spacing-01);}\n.nu-u-mt-2 { margin-top: var(--spacing-02);}\n.nu-u-mt-3 { margin-top: var(--spacing-03);}\n.nu-u-mt-4 { margin-top: var(--spacing-04);}\n.nu-u-mt-5 { margin-top: var(--spacing-05);}\n.nu-u-mt-6 { margin-top: var(--spacing-06);}\n.nu-u-mt-7 { margin-top: var(--spacing-07);}\n.nu-u-mt-8 { margin-top: var(--spacing-08);}\n.nu-u-mt-9 { margin-top: var(--spacing-09);}\n.nu-u-mt-10 { margin-top: var(--spacing-10);}\n.nu-u-mt-11 { margin-top: var(--spacing-11);}\n.nu-u-mt-12 { margin-top: var(--spacing-12);}\n.nu-u-mt-13 { margin-top: var(--spacing-13);}\n.nu-u-mt-14 { margin-top: var(--spacing-14);}\n.nu-u-mt-15 { margin-top: var(--spacing-15);}\n.nu-u-mt-16 { margin-top: var(--spacing-16);}\n.nu-u-mt-17 { margin-top: var(--spacing-17);}\n.nu-u-mt-18 { margin-top: var(--spacing-18);}\n\n.nu-u-me-1 { margin-right: var(--spacing-01);}\n.nu-u-me-2 { margin-right: var(--spacing-02);}\n.nu-u-me-3 { margin-right: var(--spacing-03);}\n.nu-u-me-4 { margin-right: var(--spacing-04);}\n.nu-u-me-5 { margin-right: var(--spacing-05);}\n.nu-u-me-6 { margin-right: var(--spacing-06);}\n.nu-u-me-7 { margin-right: var(--spacing-07);}\n.nu-u-me-8 { margin-right: var(--spacing-08);}\n.nu-u-me-9 { margin-right: var(--spacing-09);}\n.nu-u-me-10 { margin-right: var(--spacing-10);}\n.nu-u-me-11 { margin-right: var(--spacing-11);}\n.nu-u-me-12 { margin-right: var(--spacing-12);}\n.nu-u-me-13 { margin-right: var(--spacing-13);}\n.nu-u-me-14 { margin-right: var(--spacing-14);}\n.nu-u-me-15 { margin-right: var(--spacing-15);}\n.nu-u-me-16 { margin-right: var(--spacing-16);}\n.nu-u-me-17 { margin-right: var(--spacing-17);}\n.nu-u-me-18 { margin-right: var(--spacing-18);}\n\n.nu-u-mb-1 { margin-bottom: var(--spacing-01);}\n.nu-u-mb-2 { margin-bottom: var(--spacing-02);}\n.nu-u-mb-3 { margin-bottom: var(--spacing-03);}\n.nu-u-mb-4 { margin-bottom: var(--spacing-04);}\n.nu-u-mb-5 { margin-bottom: var(--spacing-05);}\n.nu-u-mb-6 { margin-bottom: var(--spacing-06);}\n.nu-u-mb-7 { margin-bottom: var(--spacing-07);}\n.nu-u-mb-8 { margin-bottom: var(--spacing-08);}\n.nu-u-mb-9 { margin-bottom: var(--spacing-09);}\n.nu-u-mb-10 { margin-bottom: var(--spacing-10);}\n.nu-u-mb-11 { margin-bottom: var(--spacing-11);}\n.nu-u-mb-12 { margin-bottom: var(--spacing-12);}\n.nu-u-mb-13 { margin-bottom: var(--spacing-13);}\n.nu-u-mb-14 { margin-bottom: var(--spacing-14);}\n.nu-u-mb-15 { margin-bottom: var(--spacing-15);}\n.nu-u-mb-16 { margin-bottom: var(--spacing-16);}\n.nu-u-mb-17 { margin-bottom: var(--spacing-17);}\n.nu-u-mb-18 { margin-bottom: var(--spacing-18);}\n\n.nu-u-ms-1 { margin-left: var(--spacing-01);}\n.nu-u-ms-2 { margin-left: var(--spacing-02);}\n.nu-u-ms-3 { margin-left: var(--spacing-03);}\n.nu-u-ms-4 { margin-left: var(--spacing-04);}\n.nu-u-ms-5 { margin-left: var(--spacing-05);}\n.nu-u-ms-6 { margin-left: var(--spacing-06);}\n.nu-u-ms-7 { margin-left: var(--spacing-07);}\n.nu-u-ms-8 { margin-left: var(--spacing-08);}\n.nu-u-ms-9 { margin-left: var(--spacing-09);}\n.nu-u-ms-10 { margin-left: var(--spacing-10);}\n.nu-u-ms-11 { margin-left: var(--spacing-11);}\n.nu-u-ms-12 { margin-left: var(--spacing-12);}\n.nu-u-ms-13 { margin-left: var(--spacing-13);}\n.nu-u-ms-14 { margin-left: var(--spacing-14);}\n.nu-u-ms-15 { margin-left: var(--spacing-15);}\n.nu-u-ms-16 { margin-left: var(--spacing-16);}\n.nu-u-ms-17 { margin-left: var(--spacing-17);}\n.nu-u-ms-18 { margin-left: var(--spacing-18);}\n\n.nu-u-mx-1 { margin-inline: var(--spacing-01);}\n.nu-u-mx-2 { margin-inline: var(--spacing-02);}\n.nu-u-mx-3 { margin-inline: var(--spacing-03);}\n.nu-u-mx-4 { margin-inline: var(--spacing-04);}\n.nu-u-mx-5 { margin-inline: var(--spacing-05);}\n.nu-u-mx-6 { margin-inline: var(--spacing-06);}\n.nu-u-mx-7 { margin-inline: var(--spacing-07);}\n.nu-u-mx-8 { margin-inline: var(--spacing-08);}\n.nu-u-mx-9 { margin-inline: var(--spacing-09);}\n.nu-u-mx-10 { margin-inline: var(--spacing-10);}\n.nu-u-mx-11 { margin-inline: var(--spacing-11);}\n.nu-u-mx-12 { margin-inline: var(--spacing-12);}\n.nu-u-mx-13 { margin-inline: var(--spacing-13);}\n.nu-u-mx-14 { margin-inline: var(--spacing-14);}\n.nu-u-mx-15 { margin-inline: var(--spacing-15);}\n.nu-u-mx-16 { margin-inline: var(--spacing-16);}\n.nu-u-mx-17 { margin-inline: var(--spacing-17);}\n.nu-u-mx-18 { margin-inline: var(--spacing-18);}\n\n.nu-u-my-1 { margin-block: var(--spacing-01);}\n.nu-u-my-2 { margin-block: var(--spacing-02);}\n.nu-u-my-3 { margin-block: var(--spacing-03);}\n.nu-u-my-4 { margin-block: var(--spacing-04);}\n.nu-u-my-5 { margin-block: var(--spacing-05);}\n.nu-u-my-6 { margin-block: var(--spacing-06);}\n.nu-u-my-7 { margin-block: var(--spacing-07);}\n.nu-u-my-8 { margin-block: var(--spacing-08);}\n.nu-u-my-9 { margin-block: var(--spacing-09);}\n.nu-u-my-10 { margin-block: var(--spacing-10);}\n.nu-u-my-11 { margin-block: var(--spacing-11);}\n.nu-u-my-12 { margin-block: var(--spacing-12);}\n.nu-u-my-13 { margin-block: var(--spacing-13);}\n.nu-u-my-14 { margin-block: var(--spacing-14);}\n.nu-u-my-15 { margin-block: var(--spacing-15);}\n.nu-u-my-16 { margin-block: var(--spacing-16);}\n.nu-u-my-17 { margin-block: var(--spacing-17);}\n.nu-u-my-18 { margin-block: var(--spacing-18);}\n\n// Padding\n\n.nu-u-px-0 {padding-inline: var(--spacing-00);}\n.nu-u-py-0 {padding-block: var(--spacing-00);}\n.nu-u-ps-0 {padding-left: var(--spacing-00);}\n.nu-u-pe-0 {padding-right: var(--spacing-00);}\n.nu-u-pt-0 {padding-top: var(--spacing-00);}\n.nu-u-pb-0 {padding-bottom: var(--spacing-00);}\n.nu-u-p-0 {padding: var(--spacing-00);}\n\n.nu-u-p-1 { padding: var(--spacing-01);}\n.nu-u-p-2 { padding: var(--spacing-02);}\n.nu-u-p-3 { padding: var(--spacing-03);}\n.nu-u-p-4 { padding: var(--spacing-04);}\n.nu-u-p-5 { padding: var(--spacing-05);}\n.nu-u-p-6 { padding: var(--spacing-06);}\n.nu-u-p-7 { padding: var(--spacing-07);}\n.nu-u-p-8 { padding: var(--spacing-08);}\n.nu-u-p-9 { padding: var(--spacing-09);}\n.nu-u-p-10 { padding: var(--spacing-10);}\n.nu-u-p-11 { padding: var(--spacing-11);}\n.nu-u-p-12 { padding: var(--spacing-12);}\n.nu-u-p-13 { padding: var(--spacing-13);}\n.nu-u-p-14 { padding: var(--spacing-14);}\n.nu-u-p-15 { padding: var(--spacing-15);}\n.nu-u-p-16 { padding: var(--spacing-16);}\n.nu-u-p-17 { padding: var(--spacing-17);}\n.nu-u-p-18 { padding: var(--spacing-18);}\n\n.nu-u-pt-1 { padding-top: var(--spacing-01);}\n.nu-u-pt-2 { padding-top: var(--spacing-02);}\n.nu-u-pt-3 { padding-top: var(--spacing-03);}\n.nu-u-pt-4 { padding-top: var(--spacing-04);}\n.nu-u-pt-5 { padding-top: var(--spacing-05);}\n.nu-u-pt-6 { padding-top: var(--spacing-06);}\n.nu-u-pt-7 { padding-top: var(--spacing-07);}\n.nu-u-pt-8 { padding-top: var(--spacing-08);}\n.nu-u-pt-9 { padding-top: var(--spacing-09);}\n.nu-u-pt-10 { padding-top: var(--spacing-10);}\n.nu-u-pt-11 { padding-top: var(--spacing-11);}\n.nu-u-pt-12 { padding-top: var(--spacing-12);}\n.nu-u-pt-13 { padding-top: var(--spacing-13);}\n.nu-u-pt-14 { padding-top: var(--spacing-14);}\n.nu-u-pt-15 { padding-top: var(--spacing-15);}\n.nu-u-pt-16 { padding-top: var(--spacing-16);}\n.nu-u-pt-17 { padding-top: var(--spacing-17);}\n.nu-u-pt-18 { padding-top: var(--spacing-18);}\n\n.nu-u-pe-1 { padding-right: var(--spacing-01);}\n.nu-u-pe-2 { padding-right: var(--spacing-02);}\n.nu-u-pe-3 { padding-right: var(--spacing-03);}\n.nu-u-pe-4 { padding-right: var(--spacing-04);}\n.nu-u-pe-5 { padding-right: var(--spacing-05);}\n.nu-u-pe-6 { padding-right: var(--spacing-06);}\n.nu-u-pe-7 { padding-right: var(--spacing-07);}\n.nu-u-pe-8 { padding-right: var(--spacing-08);}\n.nu-u-pe-9 { padding-right: var(--spacing-09);}\n.nu-u-pe-10 { padding-right: var(--spacing-10);}\n.nu-u-pe-11 { padding-right: var(--spacing-11);}\n.nu-u-pe-12 { padding-right: var(--spacing-12);}\n.nu-u-pe-13 { padding-right: var(--spacing-13);}\n.nu-u-pe-14 { padding-right: var(--spacing-14);}\n.nu-u-pe-15 { padding-right: var(--spacing-15);}\n.nu-u-pe-16 { padding-right: var(--spacing-16);}\n.nu-u-pe-17 { padding-right: var(--spacing-17);}\n.nu-u-pe-18 { padding-right: var(--spacing-18);}\n\n.nu-u-pb-1 { padding-bottom: var(--spacing-01);}\n.nu-u-pb-2 { padding-bottom: var(--spacing-02);}\n.nu-u-pb-3 { padding-bottom: var(--spacing-03);}\n.nu-u-pb-4 { padding-bottom: var(--spacing-04);}\n.nu-u-pb-5 { padding-bottom: var(--spacing-05);}\n.nu-u-pb-6 { padding-bottom: var(--spacing-06);}\n.nu-u-pb-7 { padding-bottom: var(--spacing-07);}\n.nu-u-pb-8 { padding-bottom: var(--spacing-08);}\n.nu-u-pb-9 { padding-bottom: var(--spacing-09);}\n.nu-u-pb-10 { padding-bottom: var(--spacing-10);}\n.nu-u-pb-11 { padding-bottom: var(--spacing-11);}\n.nu-u-pb-12 { padding-bottom: var(--spacing-12);}\n.nu-u-pb-13 { padding-bottom: var(--spacing-13);}\n.nu-u-pb-14 { padding-bottom: var(--spacing-14);}\n.nu-u-pb-15 { padding-bottom: var(--spacing-15);}\n.nu-u-pb-16 { padding-bottom: var(--spacing-16);}\n.nu-u-pb-17 { padding-bottom: var(--spacing-17);}\n.nu-u-pb-18 { padding-bottom: var(--spacing-18);}\n\n.nu-u-ps-1 { padding-left: var(--spacing-01);}\n.nu-u-ps-2 { padding-left: var(--spacing-02);}\n.nu-u-ps-3 { padding-left: var(--spacing-03);}\n.nu-u-ps-4 { padding-left: var(--spacing-04);}\n.nu-u-ps-5 { padding-left: var(--spacing-05);}\n.nu-u-ps-6 { padding-left: var(--spacing-06);}\n.nu-u-ps-7 { padding-left: var(--spacing-07);}\n.nu-u-ps-8 { padding-left: var(--spacing-08);}\n.nu-u-ps-9 { padding-left: var(--spacing-09);}\n.nu-u-ps-10 { padding-left: var(--spacing-10);}\n.nu-u-ps-11 { padding-left: var(--spacing-11);}\n.nu-u-ps-12 { padding-left: var(--spacing-12);}\n.nu-u-ps-13 { padding-left: var(--spacing-13);}\n.nu-u-ps-14 { padding-left: var(--spacing-14);}\n.nu-u-ps-15 { padding-left: var(--spacing-15);}\n.nu-u-ps-16 { padding-left: var(--spacing-16);}\n.nu-u-ps-17 { padding-left: var(--spacing-17);}\n.nu-u-ps-18 { padding-left: var(--spacing-18);}\n\n.nu-u-px-1 { padding-inline: var(--spacing-01);}\n.nu-u-px-2 { padding-inline: var(--spacing-02);}\n.nu-u-px-3 { padding-inline: var(--spacing-03);}\n.nu-u-px-4 { padding-inline: var(--spacing-04);}\n.nu-u-px-5 { padding-inline: var(--spacing-05);}\n.nu-u-px-6 { padding-inline: var(--spacing-06);}\n.nu-u-px-7 { padding-inline: var(--spacing-07);}\n.nu-u-px-8 { padding-inline: var(--spacing-08);}\n.nu-u-px-9 { padding-inline: var(--spacing-09);}\n.nu-u-px-10 { padding-inline: var(--spacing-10);}\n.nu-u-px-11 { padding-inline: var(--spacing-11);}\n.nu-u-px-12 { padding-inline: var(--spacing-12);}\n.nu-u-px-13 { padding-inline: var(--spacing-13);}\n.nu-u-px-14 { padding-inline: var(--spacing-14);}\n.nu-u-px-15 { padding-inline: var(--spacing-15);}\n.nu-u-px-16 { padding-inline: var(--spacing-16);}\n.nu-u-px-17 { padding-inline: var(--spacing-17);}\n.nu-u-px-18 { padding-inline: var(--spacing-18);}\n\n.nu-u-py-1 { padding-block: var(--spacing-01);}\n.nu-u-py-2 { padding-block: var(--spacing-02);}\n.nu-u-py-3 { padding-block: var(--spacing-03);}\n.nu-u-py-4 { padding-block: var(--spacing-04);}\n.nu-u-py-5 { padding-block: var(--spacing-05);}\n.nu-u-py-6 { padding-block: var(--spacing-06);}\n.nu-u-py-7 { padding-block: var(--spacing-07);}\n.nu-u-py-8 { padding-block: var(--spacing-08);}\n.nu-u-py-9 { padding-block: var(--spacing-09);}\n.nu-u-py-10 { padding-block: var(--spacing-10);}\n.nu-u-py-11 { padding-block: var(--spacing-11);}\n.nu-u-py-12 { padding-block: var(--spacing-12);}\n.nu-u-py-13 { padding-block: var(--spacing-13);}\n.nu-u-py-14 { padding-block: var(--spacing-14);}\n.nu-u-py-15 { padding-block: var(--spacing-15);}\n.nu-u-py-16 { padding-block: var(--spacing-16);}\n.nu-u-py-17 { padding-block: var(--spacing-17);}\n.nu-u-py-18 { padding-block: var(--spacing-18);}","// Spacer blocks \n\n.nu-c-spacer-1 { display: block; height: var(--spacing-01);}\n.nu-c-spacer-2 { display: block; height: var(--spacing-02);}\n.nu-c-spacer-3 { display: block; height: var(--spacing-03);}\n.nu-c-spacer-4 { display: block; height: var(--spacing-04);}\n.nu-c-spacer-5 { display: block; height: var(--spacing-05);}\n.nu-c-spacer-6 { display: block; height: var(--spacing-06);}\n.nu-c-spacer-7 { display: block; height: var(--spacing-07);}\n.nu-c-spacer-8 { display: block; height: var(--spacing-08);}\n.nu-c-spacer-9 { display: block; height: var(--spacing-09);}\n.nu-c-spacer-10 { display: block; height: var(--spacing-10);}\n.nu-c-spacer-11 { display: block; height: var(--spacing-11);}\n.nu-c-spacer-12 { display: block; height: var(--spacing-12);}\n.nu-c-spacer-13 { display: block; height: var(--spacing-13);}\n.nu-c-spacer-14 { display: block; height: var(--spacing-14);}\n.nu-c-spacer-15 { display: block; height: var(--spacing-15);}\n.nu-c-spacer-16 { display: block; height: var(--spacing-16);}\n.nu-c-spacer-17 { display: block; height: var(--spacing-17);}\n.nu-c-spacer-18 { display: block; height: var(--spacing-18);}"],"names":[],"version":3,"file":"index.css.map"}
1
+ {"mappings":"ACAA,yVCCA,iCACA,gCACA,+BAEA,2CACA,0CACA,yCACA,0CACA,wCACA,2CACA,mCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCAEA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAEA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CAEA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CAEA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CAEA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAIA,4CACA,2CACA,0CACA,2CACA,yCACA,4CACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,qCACA,qCACA,qCACA,qCACA,qCACA,qCACA,qCACA,qCACA,qCAEA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CAEA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CAEA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAEA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CC1QA,sDACA,sDACA,sDACA,sDACA,sDACA,sDACA,sDACA,sDACA,sDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA","sources":["index.css","src/_variables.scss","src/_utilities.scss","src/_components.scss"],"sourcesContent":[":root {\n --spacing-00: 0px;\n --spacing-01: 2px;\n --spacing-02: 4px;\n --spacing-03: 6px;\n --spacing-04: 8px;\n --spacing-05: 12px;\n --spacing-06: 16px;\n --spacing-07: 20px;\n --spacing-08: 24px;\n --spacing-09: 32px;\n --spacing-10: 40px;\n --spacing-11: 48px;\n --spacing-12: 56px;\n --spacing-13: 64px;\n --spacing-14: 72px;\n --spacing-15: 80px;\n --spacing-16: 96px;\n --spacing-17: 120px;\n --spacing-18: 160px;\n}\n\n.nu-u-mx-auto {\n margin-inline: auto;\n}\n\n.nu-u-me-auto {\n margin-right: auto;\n}\n\n.nu-u-ms-auto {\n margin-left: auto;\n}\n\n.nu-u-mx-0 {\n margin-inline: var(--spacing-00);\n}\n\n.nu-u-my-0 {\n margin-block: var(--spacing-00);\n}\n\n.nu-u-ms-0 {\n margin-left: var(--spacing-00);\n}\n\n.nu-u-me-0 {\n margin-right: var(--spacing-00);\n}\n\n.nu-u-mt-0 {\n margin-top: var(--spacing-00);\n}\n\n.nu-u-mb-0 {\n margin-bottom: var(--spacing-00);\n}\n\n.nu-u-m-0 {\n margin: var(--spacing-00);\n}\n\n.nu-u-mt-1 {\n margin-top: var(--spacing-01);\n}\n\n.nu-u-mt-2 {\n margin-top: var(--spacing-02);\n}\n\n.nu-u-mt-3 {\n margin-top: var(--spacing-03);\n}\n\n.nu-u-mt-4 {\n margin-top: var(--spacing-04);\n}\n\n.nu-u-mt-5 {\n margin-top: var(--spacing-05);\n}\n\n.nu-u-mt-6 {\n margin-top: var(--spacing-06);\n}\n\n.nu-u-mt-7 {\n margin-top: var(--spacing-07);\n}\n\n.nu-u-mt-8 {\n margin-top: var(--spacing-08);\n}\n\n.nu-u-mt-9 {\n margin-top: var(--spacing-09);\n}\n\n.nu-u-mt-10 {\n margin-top: var(--spacing-10);\n}\n\n.nu-u-mt-11 {\n margin-top: var(--spacing-11);\n}\n\n.nu-u-mt-12 {\n margin-top: var(--spacing-12);\n}\n\n.nu-u-mt-13 {\n margin-top: var(--spacing-13);\n}\n\n.nu-u-mt-14 {\n margin-top: var(--spacing-14);\n}\n\n.nu-u-mt-15 {\n margin-top: var(--spacing-15);\n}\n\n.nu-u-mt-16 {\n margin-top: var(--spacing-16);\n}\n\n.nu-u-mt-17 {\n margin-top: var(--spacing-17);\n}\n\n.nu-u-mt-18 {\n margin-top: var(--spacing-18);\n}\n\n.nu-u-me-1 {\n margin-right: var(--spacing-01);\n}\n\n.nu-u-me-2 {\n margin-right: var(--spacing-02);\n}\n\n.nu-u-me-3 {\n margin-right: var(--spacing-03);\n}\n\n.nu-u-me-4 {\n margin-right: var(--spacing-04);\n}\n\n.nu-u-me-5 {\n margin-right: var(--spacing-05);\n}\n\n.nu-u-me-6 {\n margin-right: var(--spacing-06);\n}\n\n.nu-u-me-7 {\n margin-right: var(--spacing-07);\n}\n\n.nu-u-me-8 {\n margin-right: var(--spacing-08);\n}\n\n.nu-u-me-9 {\n margin-right: var(--spacing-09);\n}\n\n.nu-u-me-10 {\n margin-right: var(--spacing-10);\n}\n\n.nu-u-me-11 {\n margin-right: var(--spacing-11);\n}\n\n.nu-u-me-12 {\n margin-right: var(--spacing-12);\n}\n\n.nu-u-me-13 {\n margin-right: var(--spacing-13);\n}\n\n.nu-u-me-14 {\n margin-right: var(--spacing-14);\n}\n\n.nu-u-me-15 {\n margin-right: var(--spacing-15);\n}\n\n.nu-u-me-16 {\n margin-right: var(--spacing-16);\n}\n\n.nu-u-me-17 {\n margin-right: var(--spacing-17);\n}\n\n.nu-u-me-18 {\n margin-right: var(--spacing-18);\n}\n\n.nu-u-mb-1 {\n margin-bottom: var(--spacing-01);\n}\n\n.nu-u-mb-2 {\n margin-bottom: var(--spacing-02);\n}\n\n.nu-u-mb-3 {\n margin-bottom: var(--spacing-03);\n}\n\n.nu-u-mb-4 {\n margin-bottom: var(--spacing-04);\n}\n\n.nu-u-mb-5 {\n margin-bottom: var(--spacing-05);\n}\n\n.nu-u-mb-6 {\n margin-bottom: var(--spacing-06);\n}\n\n.nu-u-mb-7 {\n margin-bottom: var(--spacing-07);\n}\n\n.nu-u-mb-8 {\n margin-bottom: var(--spacing-08);\n}\n\n.nu-u-mb-9 {\n margin-bottom: var(--spacing-09);\n}\n\n.nu-u-mb-10 {\n margin-bottom: var(--spacing-10);\n}\n\n.nu-u-mb-11 {\n margin-bottom: var(--spacing-11);\n}\n\n.nu-u-mb-12 {\n margin-bottom: var(--spacing-12);\n}\n\n.nu-u-mb-13 {\n margin-bottom: var(--spacing-13);\n}\n\n.nu-u-mb-14 {\n margin-bottom: var(--spacing-14);\n}\n\n.nu-u-mb-15 {\n margin-bottom: var(--spacing-15);\n}\n\n.nu-u-mb-16 {\n margin-bottom: var(--spacing-16);\n}\n\n.nu-u-mb-17 {\n margin-bottom: var(--spacing-17);\n}\n\n.nu-u-mb-18 {\n margin-bottom: var(--spacing-18);\n}\n\n.nu-u-ms-1 {\n margin-left: var(--spacing-01);\n}\n\n.nu-u-ms-2 {\n margin-left: var(--spacing-02);\n}\n\n.nu-u-ms-3 {\n margin-left: var(--spacing-03);\n}\n\n.nu-u-ms-4 {\n margin-left: var(--spacing-04);\n}\n\n.nu-u-ms-5 {\n margin-left: var(--spacing-05);\n}\n\n.nu-u-ms-6 {\n margin-left: var(--spacing-06);\n}\n\n.nu-u-ms-7 {\n margin-left: var(--spacing-07);\n}\n\n.nu-u-ms-8 {\n margin-left: var(--spacing-08);\n}\n\n.nu-u-ms-9 {\n margin-left: var(--spacing-09);\n}\n\n.nu-u-ms-10 {\n margin-left: var(--spacing-10);\n}\n\n.nu-u-ms-11 {\n margin-left: var(--spacing-11);\n}\n\n.nu-u-ms-12 {\n margin-left: var(--spacing-12);\n}\n\n.nu-u-ms-13 {\n margin-left: var(--spacing-13);\n}\n\n.nu-u-ms-14 {\n margin-left: var(--spacing-14);\n}\n\n.nu-u-ms-15 {\n margin-left: var(--spacing-15);\n}\n\n.nu-u-ms-16 {\n margin-left: var(--spacing-16);\n}\n\n.nu-u-ms-17 {\n margin-left: var(--spacing-17);\n}\n\n.nu-u-ms-18 {\n margin-left: var(--spacing-18);\n}\n\n.nu-u-mx-1 {\n margin-inline: var(--spacing-01);\n}\n\n.nu-u-mx-2 {\n margin-inline: var(--spacing-02);\n}\n\n.nu-u-mx-3 {\n margin-inline: var(--spacing-03);\n}\n\n.nu-u-mx-4 {\n margin-inline: var(--spacing-04);\n}\n\n.nu-u-mx-5 {\n margin-inline: var(--spacing-05);\n}\n\n.nu-u-mx-6 {\n margin-inline: var(--spacing-06);\n}\n\n.nu-u-mx-7 {\n margin-inline: var(--spacing-07);\n}\n\n.nu-u-mx-8 {\n margin-inline: var(--spacing-08);\n}\n\n.nu-u-mx-9 {\n margin-inline: var(--spacing-09);\n}\n\n.nu-u-mx-10 {\n margin-inline: var(--spacing-10);\n}\n\n.nu-u-mx-11 {\n margin-inline: var(--spacing-11);\n}\n\n.nu-u-mx-12 {\n margin-inline: var(--spacing-12);\n}\n\n.nu-u-mx-13 {\n margin-inline: var(--spacing-13);\n}\n\n.nu-u-mx-14 {\n margin-inline: var(--spacing-14);\n}\n\n.nu-u-mx-15 {\n margin-inline: var(--spacing-15);\n}\n\n.nu-u-mx-16 {\n margin-inline: var(--spacing-16);\n}\n\n.nu-u-mx-17 {\n margin-inline: var(--spacing-17);\n}\n\n.nu-u-mx-18 {\n margin-inline: var(--spacing-18);\n}\n\n.nu-u-my-1 {\n margin-block: var(--spacing-01);\n}\n\n.nu-u-my-2 {\n margin-block: var(--spacing-02);\n}\n\n.nu-u-my-3 {\n margin-block: var(--spacing-03);\n}\n\n.nu-u-my-4 {\n margin-block: var(--spacing-04);\n}\n\n.nu-u-my-5 {\n margin-block: var(--spacing-05);\n}\n\n.nu-u-my-6 {\n margin-block: var(--spacing-06);\n}\n\n.nu-u-my-7 {\n margin-block: var(--spacing-07);\n}\n\n.nu-u-my-8 {\n margin-block: var(--spacing-08);\n}\n\n.nu-u-my-9 {\n margin-block: var(--spacing-09);\n}\n\n.nu-u-my-10 {\n margin-block: var(--spacing-10);\n}\n\n.nu-u-my-11 {\n margin-block: var(--spacing-11);\n}\n\n.nu-u-my-12 {\n margin-block: var(--spacing-12);\n}\n\n.nu-u-my-13 {\n margin-block: var(--spacing-13);\n}\n\n.nu-u-my-14 {\n margin-block: var(--spacing-14);\n}\n\n.nu-u-my-15 {\n margin-block: var(--spacing-15);\n}\n\n.nu-u-my-16 {\n margin-block: var(--spacing-16);\n}\n\n.nu-u-my-17 {\n margin-block: var(--spacing-17);\n}\n\n.nu-u-my-18 {\n margin-block: var(--spacing-18);\n}\n\n.nu-u-px-0 {\n padding-inline: var(--spacing-00);\n}\n\n.nu-u-py-0 {\n padding-block: var(--spacing-00);\n}\n\n.nu-u-ps-0 {\n padding-left: var(--spacing-00);\n}\n\n.nu-u-pe-0 {\n padding-right: var(--spacing-00);\n}\n\n.nu-u-pt-0 {\n padding-top: var(--spacing-00);\n}\n\n.nu-u-pb-0 {\n padding-bottom: var(--spacing-00);\n}\n\n.nu-u-p-0 {\n padding: var(--spacing-00);\n}\n\n.nu-u-p-1 {\n padding: var(--spacing-01);\n}\n\n.nu-u-p-2 {\n padding: var(--spacing-02);\n}\n\n.nu-u-p-3 {\n padding: var(--spacing-03);\n}\n\n.nu-u-p-4 {\n padding: var(--spacing-04);\n}\n\n.nu-u-p-5 {\n padding: var(--spacing-05);\n}\n\n.nu-u-p-6 {\n padding: var(--spacing-06);\n}\n\n.nu-u-p-7 {\n padding: var(--spacing-07);\n}\n\n.nu-u-p-8 {\n padding: var(--spacing-08);\n}\n\n.nu-u-p-9 {\n padding: var(--spacing-09);\n}\n\n.nu-u-p-10 {\n padding: var(--spacing-10);\n}\n\n.nu-u-p-11 {\n padding: var(--spacing-11);\n}\n\n.nu-u-p-12 {\n padding: var(--spacing-12);\n}\n\n.nu-u-p-13 {\n padding: var(--spacing-13);\n}\n\n.nu-u-p-14 {\n padding: var(--spacing-14);\n}\n\n.nu-u-p-15 {\n padding: var(--spacing-15);\n}\n\n.nu-u-p-16 {\n padding: var(--spacing-16);\n}\n\n.nu-u-p-17 {\n padding: var(--spacing-17);\n}\n\n.nu-u-p-18 {\n padding: var(--spacing-18);\n}\n\n.nu-u-pt-1 {\n padding-top: var(--spacing-01);\n}\n\n.nu-u-pt-2 {\n padding-top: var(--spacing-02);\n}\n\n.nu-u-pt-3 {\n padding-top: var(--spacing-03);\n}\n\n.nu-u-pt-4 {\n padding-top: var(--spacing-04);\n}\n\n.nu-u-pt-5 {\n padding-top: var(--spacing-05);\n}\n\n.nu-u-pt-6 {\n padding-top: var(--spacing-06);\n}\n\n.nu-u-pt-7 {\n padding-top: var(--spacing-07);\n}\n\n.nu-u-pt-8 {\n padding-top: var(--spacing-08);\n}\n\n.nu-u-pt-9 {\n padding-top: var(--spacing-09);\n}\n\n.nu-u-pt-10 {\n padding-top: var(--spacing-10);\n}\n\n.nu-u-pt-11 {\n padding-top: var(--spacing-11);\n}\n\n.nu-u-pt-12 {\n padding-top: var(--spacing-12);\n}\n\n.nu-u-pt-13 {\n padding-top: var(--spacing-13);\n}\n\n.nu-u-pt-14 {\n padding-top: var(--spacing-14);\n}\n\n.nu-u-pt-15 {\n padding-top: var(--spacing-15);\n}\n\n.nu-u-pt-16 {\n padding-top: var(--spacing-16);\n}\n\n.nu-u-pt-17 {\n padding-top: var(--spacing-17);\n}\n\n.nu-u-pt-18 {\n padding-top: var(--spacing-18);\n}\n\n.nu-u-pe-1 {\n padding-right: var(--spacing-01);\n}\n\n.nu-u-pe-2 {\n padding-right: var(--spacing-02);\n}\n\n.nu-u-pe-3 {\n padding-right: var(--spacing-03);\n}\n\n.nu-u-pe-4 {\n padding-right: var(--spacing-04);\n}\n\n.nu-u-pe-5 {\n padding-right: var(--spacing-05);\n}\n\n.nu-u-pe-6 {\n padding-right: var(--spacing-06);\n}\n\n.nu-u-pe-7 {\n padding-right: var(--spacing-07);\n}\n\n.nu-u-pe-8 {\n padding-right: var(--spacing-08);\n}\n\n.nu-u-pe-9 {\n padding-right: var(--spacing-09);\n}\n\n.nu-u-pe-10 {\n padding-right: var(--spacing-10);\n}\n\n.nu-u-pe-11 {\n padding-right: var(--spacing-11);\n}\n\n.nu-u-pe-12 {\n padding-right: var(--spacing-12);\n}\n\n.nu-u-pe-13 {\n padding-right: var(--spacing-13);\n}\n\n.nu-u-pe-14 {\n padding-right: var(--spacing-14);\n}\n\n.nu-u-pe-15 {\n padding-right: var(--spacing-15);\n}\n\n.nu-u-pe-16 {\n padding-right: var(--spacing-16);\n}\n\n.nu-u-pe-17 {\n padding-right: var(--spacing-17);\n}\n\n.nu-u-pe-18 {\n padding-right: var(--spacing-18);\n}\n\n.nu-u-pb-1 {\n padding-bottom: var(--spacing-01);\n}\n\n.nu-u-pb-2 {\n padding-bottom: var(--spacing-02);\n}\n\n.nu-u-pb-3 {\n padding-bottom: var(--spacing-03);\n}\n\n.nu-u-pb-4 {\n padding-bottom: var(--spacing-04);\n}\n\n.nu-u-pb-5 {\n padding-bottom: var(--spacing-05);\n}\n\n.nu-u-pb-6 {\n padding-bottom: var(--spacing-06);\n}\n\n.nu-u-pb-7 {\n padding-bottom: var(--spacing-07);\n}\n\n.nu-u-pb-8 {\n padding-bottom: var(--spacing-08);\n}\n\n.nu-u-pb-9 {\n padding-bottom: var(--spacing-09);\n}\n\n.nu-u-pb-10 {\n padding-bottom: var(--spacing-10);\n}\n\n.nu-u-pb-11 {\n padding-bottom: var(--spacing-11);\n}\n\n.nu-u-pb-12 {\n padding-bottom: var(--spacing-12);\n}\n\n.nu-u-pb-13 {\n padding-bottom: var(--spacing-13);\n}\n\n.nu-u-pb-14 {\n padding-bottom: var(--spacing-14);\n}\n\n.nu-u-pb-15 {\n padding-bottom: var(--spacing-15);\n}\n\n.nu-u-pb-16 {\n padding-bottom: var(--spacing-16);\n}\n\n.nu-u-pb-17 {\n padding-bottom: var(--spacing-17);\n}\n\n.nu-u-pb-18 {\n padding-bottom: var(--spacing-18);\n}\n\n.nu-u-ps-1 {\n padding-left: var(--spacing-01);\n}\n\n.nu-u-ps-2 {\n padding-left: var(--spacing-02);\n}\n\n.nu-u-ps-3 {\n padding-left: var(--spacing-03);\n}\n\n.nu-u-ps-4 {\n padding-left: var(--spacing-04);\n}\n\n.nu-u-ps-5 {\n padding-left: var(--spacing-05);\n}\n\n.nu-u-ps-6 {\n padding-left: var(--spacing-06);\n}\n\n.nu-u-ps-7 {\n padding-left: var(--spacing-07);\n}\n\n.nu-u-ps-8 {\n padding-left: var(--spacing-08);\n}\n\n.nu-u-ps-9 {\n padding-left: var(--spacing-09);\n}\n\n.nu-u-ps-10 {\n padding-left: var(--spacing-10);\n}\n\n.nu-u-ps-11 {\n padding-left: var(--spacing-11);\n}\n\n.nu-u-ps-12 {\n padding-left: var(--spacing-12);\n}\n\n.nu-u-ps-13 {\n padding-left: var(--spacing-13);\n}\n\n.nu-u-ps-14 {\n padding-left: var(--spacing-14);\n}\n\n.nu-u-ps-15 {\n padding-left: var(--spacing-15);\n}\n\n.nu-u-ps-16 {\n padding-left: var(--spacing-16);\n}\n\n.nu-u-ps-17 {\n padding-left: var(--spacing-17);\n}\n\n.nu-u-ps-18 {\n padding-left: var(--spacing-18);\n}\n\n.nu-u-px-1 {\n padding-inline: var(--spacing-01);\n}\n\n.nu-u-px-2 {\n padding-inline: var(--spacing-02);\n}\n\n.nu-u-px-3 {\n padding-inline: var(--spacing-03);\n}\n\n.nu-u-px-4 {\n padding-inline: var(--spacing-04);\n}\n\n.nu-u-px-5 {\n padding-inline: var(--spacing-05);\n}\n\n.nu-u-px-6 {\n padding-inline: var(--spacing-06);\n}\n\n.nu-u-px-7 {\n padding-inline: var(--spacing-07);\n}\n\n.nu-u-px-8 {\n padding-inline: var(--spacing-08);\n}\n\n.nu-u-px-9 {\n padding-inline: var(--spacing-09);\n}\n\n.nu-u-px-10 {\n padding-inline: var(--spacing-10);\n}\n\n.nu-u-px-11 {\n padding-inline: var(--spacing-11);\n}\n\n.nu-u-px-12 {\n padding-inline: var(--spacing-12);\n}\n\n.nu-u-px-13 {\n padding-inline: var(--spacing-13);\n}\n\n.nu-u-px-14 {\n padding-inline: var(--spacing-14);\n}\n\n.nu-u-px-15 {\n padding-inline: var(--spacing-15);\n}\n\n.nu-u-px-16 {\n padding-inline: var(--spacing-16);\n}\n\n.nu-u-px-17 {\n padding-inline: var(--spacing-17);\n}\n\n.nu-u-px-18 {\n padding-inline: var(--spacing-18);\n}\n\n.nu-u-py-1 {\n padding-block: var(--spacing-01);\n}\n\n.nu-u-py-2 {\n padding-block: var(--spacing-02);\n}\n\n.nu-u-py-3 {\n padding-block: var(--spacing-03);\n}\n\n.nu-u-py-4 {\n padding-block: var(--spacing-04);\n}\n\n.nu-u-py-5 {\n padding-block: var(--spacing-05);\n}\n\n.nu-u-py-6 {\n padding-block: var(--spacing-06);\n}\n\n.nu-u-py-7 {\n padding-block: var(--spacing-07);\n}\n\n.nu-u-py-8 {\n padding-block: var(--spacing-08);\n}\n\n.nu-u-py-9 {\n padding-block: var(--spacing-09);\n}\n\n.nu-u-py-10 {\n padding-block: var(--spacing-10);\n}\n\n.nu-u-py-11 {\n padding-block: var(--spacing-11);\n}\n\n.nu-u-py-12 {\n padding-block: var(--spacing-12);\n}\n\n.nu-u-py-13 {\n padding-block: var(--spacing-13);\n}\n\n.nu-u-py-14 {\n padding-block: var(--spacing-14);\n}\n\n.nu-u-py-15 {\n padding-block: var(--spacing-15);\n}\n\n.nu-u-py-16 {\n padding-block: var(--spacing-16);\n}\n\n.nu-u-py-17 {\n padding-block: var(--spacing-17);\n}\n\n.nu-u-py-18 {\n padding-block: var(--spacing-18);\n}\n\n.nu-c-spacer-1 {\n height: var(--spacing-01);\n display: block;\n}\n\n.nu-c-spacer-2 {\n height: var(--spacing-02);\n display: block;\n}\n\n.nu-c-spacer-3 {\n height: var(--spacing-03);\n display: block;\n}\n\n.nu-c-spacer-4 {\n height: var(--spacing-04);\n display: block;\n}\n\n.nu-c-spacer-5 {\n height: var(--spacing-05);\n display: block;\n}\n\n.nu-c-spacer-6 {\n height: var(--spacing-06);\n display: block;\n}\n\n.nu-c-spacer-7 {\n height: var(--spacing-07);\n display: block;\n}\n\n.nu-c-spacer-8 {\n height: var(--spacing-08);\n display: block;\n}\n\n.nu-c-spacer-9 {\n height: var(--spacing-09);\n display: block;\n}\n\n.nu-c-spacer-10 {\n height: var(--spacing-10);\n display: block;\n}\n\n.nu-c-spacer-11 {\n height: var(--spacing-11);\n display: block;\n}\n\n.nu-c-spacer-12 {\n height: var(--spacing-12);\n display: block;\n}\n\n.nu-c-spacer-13 {\n height: var(--spacing-13);\n display: block;\n}\n\n.nu-c-spacer-14 {\n height: var(--spacing-14);\n display: block;\n}\n\n.nu-c-spacer-15 {\n height: var(--spacing-15);\n display: block;\n}\n\n.nu-c-spacer-16 {\n height: var(--spacing-16);\n display: block;\n}\n\n.nu-c-spacer-17 {\n height: var(--spacing-17);\n display: block;\n}\n\n.nu-c-spacer-18 {\n height: var(--spacing-18);\n display: block;\n}\n/*# sourceMappingURL=index.css.map */\n",":root {\n --spacing-00: 0px;\n --spacing-01: 2px;\n --spacing-02: 4px;\n --spacing-03: 6px;\n --spacing-04: 8px;\n --spacing-05: 12px;\n --spacing-06: 16px;\n --spacing-07: 20px;\n --spacing-08: 24px;\n --spacing-09: 32px;\n --spacing-10: 40px;\n --spacing-11: 48px;\n --spacing-12: 56px;\n --spacing-13: 64px;\n --spacing-14: 72px;\n --spacing-15: 80px;\n --spacing-16: 96px;\n --spacing-17: 120px;\n --spacing-18: 160px;\n}","// Margins\n.nu-u-mx-auto {margin-inline: auto;}\n.nu-u-me-auto {margin-right: auto;}\n.nu-u-ms-auto {margin-left: auto;}\n\n.nu-u-mx-0 {margin-inline: var(--spacing-00);}\n.nu-u-my-0 {margin-block: var(--spacing-00);}\n.nu-u-ms-0 {margin-left: var(--spacing-00);}\n.nu-u-me-0 {margin-right: var(--spacing-00);}\n.nu-u-mt-0 {margin-top: var(--spacing-00);}\n.nu-u-mb-0 {margin-bottom: var(--spacing-00);}\n.nu-u-m-0 {margin: var(--spacing-00);}\n\n.nu-u-mt-1 { margin-top: var(--spacing-01);}\n.nu-u-mt-2 { margin-top: var(--spacing-02);}\n.nu-u-mt-3 { margin-top: var(--spacing-03);}\n.nu-u-mt-4 { margin-top: var(--spacing-04);}\n.nu-u-mt-5 { margin-top: var(--spacing-05);}\n.nu-u-mt-6 { margin-top: var(--spacing-06);}\n.nu-u-mt-7 { margin-top: var(--spacing-07);}\n.nu-u-mt-8 { margin-top: var(--spacing-08);}\n.nu-u-mt-9 { margin-top: var(--spacing-09);}\n.nu-u-mt-10 { margin-top: var(--spacing-10);}\n.nu-u-mt-11 { margin-top: var(--spacing-11);}\n.nu-u-mt-12 { margin-top: var(--spacing-12);}\n.nu-u-mt-13 { margin-top: var(--spacing-13);}\n.nu-u-mt-14 { margin-top: var(--spacing-14);}\n.nu-u-mt-15 { margin-top: var(--spacing-15);}\n.nu-u-mt-16 { margin-top: var(--spacing-16);}\n.nu-u-mt-17 { margin-top: var(--spacing-17);}\n.nu-u-mt-18 { margin-top: var(--spacing-18);}\n\n.nu-u-me-1 { margin-right: var(--spacing-01);}\n.nu-u-me-2 { margin-right: var(--spacing-02);}\n.nu-u-me-3 { margin-right: var(--spacing-03);}\n.nu-u-me-4 { margin-right: var(--spacing-04);}\n.nu-u-me-5 { margin-right: var(--spacing-05);}\n.nu-u-me-6 { margin-right: var(--spacing-06);}\n.nu-u-me-7 { margin-right: var(--spacing-07);}\n.nu-u-me-8 { margin-right: var(--spacing-08);}\n.nu-u-me-9 { margin-right: var(--spacing-09);}\n.nu-u-me-10 { margin-right: var(--spacing-10);}\n.nu-u-me-11 { margin-right: var(--spacing-11);}\n.nu-u-me-12 { margin-right: var(--spacing-12);}\n.nu-u-me-13 { margin-right: var(--spacing-13);}\n.nu-u-me-14 { margin-right: var(--spacing-14);}\n.nu-u-me-15 { margin-right: var(--spacing-15);}\n.nu-u-me-16 { margin-right: var(--spacing-16);}\n.nu-u-me-17 { margin-right: var(--spacing-17);}\n.nu-u-me-18 { margin-right: var(--spacing-18);}\n\n.nu-u-mb-1 { margin-bottom: var(--spacing-01);}\n.nu-u-mb-2 { margin-bottom: var(--spacing-02);}\n.nu-u-mb-3 { margin-bottom: var(--spacing-03);}\n.nu-u-mb-4 { margin-bottom: var(--spacing-04);}\n.nu-u-mb-5 { margin-bottom: var(--spacing-05);}\n.nu-u-mb-6 { margin-bottom: var(--spacing-06);}\n.nu-u-mb-7 { margin-bottom: var(--spacing-07);}\n.nu-u-mb-8 { margin-bottom: var(--spacing-08);}\n.nu-u-mb-9 { margin-bottom: var(--spacing-09);}\n.nu-u-mb-10 { margin-bottom: var(--spacing-10);}\n.nu-u-mb-11 { margin-bottom: var(--spacing-11);}\n.nu-u-mb-12 { margin-bottom: var(--spacing-12);}\n.nu-u-mb-13 { margin-bottom: var(--spacing-13);}\n.nu-u-mb-14 { margin-bottom: var(--spacing-14);}\n.nu-u-mb-15 { margin-bottom: var(--spacing-15);}\n.nu-u-mb-16 { margin-bottom: var(--spacing-16);}\n.nu-u-mb-17 { margin-bottom: var(--spacing-17);}\n.nu-u-mb-18 { margin-bottom: var(--spacing-18);}\n\n.nu-u-ms-1 { margin-left: var(--spacing-01);}\n.nu-u-ms-2 { margin-left: var(--spacing-02);}\n.nu-u-ms-3 { margin-left: var(--spacing-03);}\n.nu-u-ms-4 { margin-left: var(--spacing-04);}\n.nu-u-ms-5 { margin-left: var(--spacing-05);}\n.nu-u-ms-6 { margin-left: var(--spacing-06);}\n.nu-u-ms-7 { margin-left: var(--spacing-07);}\n.nu-u-ms-8 { margin-left: var(--spacing-08);}\n.nu-u-ms-9 { margin-left: var(--spacing-09);}\n.nu-u-ms-10 { margin-left: var(--spacing-10);}\n.nu-u-ms-11 { margin-left: var(--spacing-11);}\n.nu-u-ms-12 { margin-left: var(--spacing-12);}\n.nu-u-ms-13 { margin-left: var(--spacing-13);}\n.nu-u-ms-14 { margin-left: var(--spacing-14);}\n.nu-u-ms-15 { margin-left: var(--spacing-15);}\n.nu-u-ms-16 { margin-left: var(--spacing-16);}\n.nu-u-ms-17 { margin-left: var(--spacing-17);}\n.nu-u-ms-18 { margin-left: var(--spacing-18);}\n\n.nu-u-mx-1 { margin-inline: var(--spacing-01);}\n.nu-u-mx-2 { margin-inline: var(--spacing-02);}\n.nu-u-mx-3 { margin-inline: var(--spacing-03);}\n.nu-u-mx-4 { margin-inline: var(--spacing-04);}\n.nu-u-mx-5 { margin-inline: var(--spacing-05);}\n.nu-u-mx-6 { margin-inline: var(--spacing-06);}\n.nu-u-mx-7 { margin-inline: var(--spacing-07);}\n.nu-u-mx-8 { margin-inline: var(--spacing-08);}\n.nu-u-mx-9 { margin-inline: var(--spacing-09);}\n.nu-u-mx-10 { margin-inline: var(--spacing-10);}\n.nu-u-mx-11 { margin-inline: var(--spacing-11);}\n.nu-u-mx-12 { margin-inline: var(--spacing-12);}\n.nu-u-mx-13 { margin-inline: var(--spacing-13);}\n.nu-u-mx-14 { margin-inline: var(--spacing-14);}\n.nu-u-mx-15 { margin-inline: var(--spacing-15);}\n.nu-u-mx-16 { margin-inline: var(--spacing-16);}\n.nu-u-mx-17 { margin-inline: var(--spacing-17);}\n.nu-u-mx-18 { margin-inline: var(--spacing-18);}\n\n.nu-u-my-1 { margin-block: var(--spacing-01);}\n.nu-u-my-2 { margin-block: var(--spacing-02);}\n.nu-u-my-3 { margin-block: var(--spacing-03);}\n.nu-u-my-4 { margin-block: var(--spacing-04);}\n.nu-u-my-5 { margin-block: var(--spacing-05);}\n.nu-u-my-6 { margin-block: var(--spacing-06);}\n.nu-u-my-7 { margin-block: var(--spacing-07);}\n.nu-u-my-8 { margin-block: var(--spacing-08);}\n.nu-u-my-9 { margin-block: var(--spacing-09);}\n.nu-u-my-10 { margin-block: var(--spacing-10);}\n.nu-u-my-11 { margin-block: var(--spacing-11);}\n.nu-u-my-12 { margin-block: var(--spacing-12);}\n.nu-u-my-13 { margin-block: var(--spacing-13);}\n.nu-u-my-14 { margin-block: var(--spacing-14);}\n.nu-u-my-15 { margin-block: var(--spacing-15);}\n.nu-u-my-16 { margin-block: var(--spacing-16);}\n.nu-u-my-17 { margin-block: var(--spacing-17);}\n.nu-u-my-18 { margin-block: var(--spacing-18);}\n\n// Padding\n\n.nu-u-px-0 {padding-inline: var(--spacing-00);}\n.nu-u-py-0 {padding-block: var(--spacing-00);}\n.nu-u-ps-0 {padding-left: var(--spacing-00);}\n.nu-u-pe-0 {padding-right: var(--spacing-00);}\n.nu-u-pt-0 {padding-top: var(--spacing-00);}\n.nu-u-pb-0 {padding-bottom: var(--spacing-00);}\n.nu-u-p-0 {padding: var(--spacing-00);}\n\n.nu-u-p-1 { padding: var(--spacing-01);}\n.nu-u-p-2 { padding: var(--spacing-02);}\n.nu-u-p-3 { padding: var(--spacing-03);}\n.nu-u-p-4 { padding: var(--spacing-04);}\n.nu-u-p-5 { padding: var(--spacing-05);}\n.nu-u-p-6 { padding: var(--spacing-06);}\n.nu-u-p-7 { padding: var(--spacing-07);}\n.nu-u-p-8 { padding: var(--spacing-08);}\n.nu-u-p-9 { padding: var(--spacing-09);}\n.nu-u-p-10 { padding: var(--spacing-10);}\n.nu-u-p-11 { padding: var(--spacing-11);}\n.nu-u-p-12 { padding: var(--spacing-12);}\n.nu-u-p-13 { padding: var(--spacing-13);}\n.nu-u-p-14 { padding: var(--spacing-14);}\n.nu-u-p-15 { padding: var(--spacing-15);}\n.nu-u-p-16 { padding: var(--spacing-16);}\n.nu-u-p-17 { padding: var(--spacing-17);}\n.nu-u-p-18 { padding: var(--spacing-18);}\n\n.nu-u-pt-1 { padding-top: var(--spacing-01);}\n.nu-u-pt-2 { padding-top: var(--spacing-02);}\n.nu-u-pt-3 { padding-top: var(--spacing-03);}\n.nu-u-pt-4 { padding-top: var(--spacing-04);}\n.nu-u-pt-5 { padding-top: var(--spacing-05);}\n.nu-u-pt-6 { padding-top: var(--spacing-06);}\n.nu-u-pt-7 { padding-top: var(--spacing-07);}\n.nu-u-pt-8 { padding-top: var(--spacing-08);}\n.nu-u-pt-9 { padding-top: var(--spacing-09);}\n.nu-u-pt-10 { padding-top: var(--spacing-10);}\n.nu-u-pt-11 { padding-top: var(--spacing-11);}\n.nu-u-pt-12 { padding-top: var(--spacing-12);}\n.nu-u-pt-13 { padding-top: var(--spacing-13);}\n.nu-u-pt-14 { padding-top: var(--spacing-14);}\n.nu-u-pt-15 { padding-top: var(--spacing-15);}\n.nu-u-pt-16 { padding-top: var(--spacing-16);}\n.nu-u-pt-17 { padding-top: var(--spacing-17);}\n.nu-u-pt-18 { padding-top: var(--spacing-18);}\n\n.nu-u-pe-1 { padding-right: var(--spacing-01);}\n.nu-u-pe-2 { padding-right: var(--spacing-02);}\n.nu-u-pe-3 { padding-right: var(--spacing-03);}\n.nu-u-pe-4 { padding-right: var(--spacing-04);}\n.nu-u-pe-5 { padding-right: var(--spacing-05);}\n.nu-u-pe-6 { padding-right: var(--spacing-06);}\n.nu-u-pe-7 { padding-right: var(--spacing-07);}\n.nu-u-pe-8 { padding-right: var(--spacing-08);}\n.nu-u-pe-9 { padding-right: var(--spacing-09);}\n.nu-u-pe-10 { padding-right: var(--spacing-10);}\n.nu-u-pe-11 { padding-right: var(--spacing-11);}\n.nu-u-pe-12 { padding-right: var(--spacing-12);}\n.nu-u-pe-13 { padding-right: var(--spacing-13);}\n.nu-u-pe-14 { padding-right: var(--spacing-14);}\n.nu-u-pe-15 { padding-right: var(--spacing-15);}\n.nu-u-pe-16 { padding-right: var(--spacing-16);}\n.nu-u-pe-17 { padding-right: var(--spacing-17);}\n.nu-u-pe-18 { padding-right: var(--spacing-18);}\n\n.nu-u-pb-1 { padding-bottom: var(--spacing-01);}\n.nu-u-pb-2 { padding-bottom: var(--spacing-02);}\n.nu-u-pb-3 { padding-bottom: var(--spacing-03);}\n.nu-u-pb-4 { padding-bottom: var(--spacing-04);}\n.nu-u-pb-5 { padding-bottom: var(--spacing-05);}\n.nu-u-pb-6 { padding-bottom: var(--spacing-06);}\n.nu-u-pb-7 { padding-bottom: var(--spacing-07);}\n.nu-u-pb-8 { padding-bottom: var(--spacing-08);}\n.nu-u-pb-9 { padding-bottom: var(--spacing-09);}\n.nu-u-pb-10 { padding-bottom: var(--spacing-10);}\n.nu-u-pb-11 { padding-bottom: var(--spacing-11);}\n.nu-u-pb-12 { padding-bottom: var(--spacing-12);}\n.nu-u-pb-13 { padding-bottom: var(--spacing-13);}\n.nu-u-pb-14 { padding-bottom: var(--spacing-14);}\n.nu-u-pb-15 { padding-bottom: var(--spacing-15);}\n.nu-u-pb-16 { padding-bottom: var(--spacing-16);}\n.nu-u-pb-17 { padding-bottom: var(--spacing-17);}\n.nu-u-pb-18 { padding-bottom: var(--spacing-18);}\n\n.nu-u-ps-1 { padding-left: var(--spacing-01);}\n.nu-u-ps-2 { padding-left: var(--spacing-02);}\n.nu-u-ps-3 { padding-left: var(--spacing-03);}\n.nu-u-ps-4 { padding-left: var(--spacing-04);}\n.nu-u-ps-5 { padding-left: var(--spacing-05);}\n.nu-u-ps-6 { padding-left: var(--spacing-06);}\n.nu-u-ps-7 { padding-left: var(--spacing-07);}\n.nu-u-ps-8 { padding-left: var(--spacing-08);}\n.nu-u-ps-9 { padding-left: var(--spacing-09);}\n.nu-u-ps-10 { padding-left: var(--spacing-10);}\n.nu-u-ps-11 { padding-left: var(--spacing-11);}\n.nu-u-ps-12 { padding-left: var(--spacing-12);}\n.nu-u-ps-13 { padding-left: var(--spacing-13);}\n.nu-u-ps-14 { padding-left: var(--spacing-14);}\n.nu-u-ps-15 { padding-left: var(--spacing-15);}\n.nu-u-ps-16 { padding-left: var(--spacing-16);}\n.nu-u-ps-17 { padding-left: var(--spacing-17);}\n.nu-u-ps-18 { padding-left: var(--spacing-18);}\n\n.nu-u-px-1 { padding-inline: var(--spacing-01);}\n.nu-u-px-2 { padding-inline: var(--spacing-02);}\n.nu-u-px-3 { padding-inline: var(--spacing-03);}\n.nu-u-px-4 { padding-inline: var(--spacing-04);}\n.nu-u-px-5 { padding-inline: var(--spacing-05);}\n.nu-u-px-6 { padding-inline: var(--spacing-06);}\n.nu-u-px-7 { padding-inline: var(--spacing-07);}\n.nu-u-px-8 { padding-inline: var(--spacing-08);}\n.nu-u-px-9 { padding-inline: var(--spacing-09);}\n.nu-u-px-10 { padding-inline: var(--spacing-10);}\n.nu-u-px-11 { padding-inline: var(--spacing-11);}\n.nu-u-px-12 { padding-inline: var(--spacing-12);}\n.nu-u-px-13 { padding-inline: var(--spacing-13);}\n.nu-u-px-14 { padding-inline: var(--spacing-14);}\n.nu-u-px-15 { padding-inline: var(--spacing-15);}\n.nu-u-px-16 { padding-inline: var(--spacing-16);}\n.nu-u-px-17 { padding-inline: var(--spacing-17);}\n.nu-u-px-18 { padding-inline: var(--spacing-18);}\n\n.nu-u-py-1 { padding-block: var(--spacing-01);}\n.nu-u-py-2 { padding-block: var(--spacing-02);}\n.nu-u-py-3 { padding-block: var(--spacing-03);}\n.nu-u-py-4 { padding-block: var(--spacing-04);}\n.nu-u-py-5 { padding-block: var(--spacing-05);}\n.nu-u-py-6 { padding-block: var(--spacing-06);}\n.nu-u-py-7 { padding-block: var(--spacing-07);}\n.nu-u-py-8 { padding-block: var(--spacing-08);}\n.nu-u-py-9 { padding-block: var(--spacing-09);}\n.nu-u-py-10 { padding-block: var(--spacing-10);}\n.nu-u-py-11 { padding-block: var(--spacing-11);}\n.nu-u-py-12 { padding-block: var(--spacing-12);}\n.nu-u-py-13 { padding-block: var(--spacing-13);}\n.nu-u-py-14 { padding-block: var(--spacing-14);}\n.nu-u-py-15 { padding-block: var(--spacing-15);}\n.nu-u-py-16 { padding-block: var(--spacing-16);}\n.nu-u-py-17 { padding-block: var(--spacing-17);}\n.nu-u-py-18 { padding-block: var(--spacing-18);}","// Spacer blocks \n\n.nu-c-spacer-1 { display: block; height: var(--spacing-01);}\n.nu-c-spacer-2 { display: block; height: var(--spacing-02);}\n.nu-c-spacer-3 { display: block; height: var(--spacing-03);}\n.nu-c-spacer-4 { display: block; height: var(--spacing-04);}\n.nu-c-spacer-5 { display: block; height: var(--spacing-05);}\n.nu-c-spacer-6 { display: block; height: var(--spacing-06);}\n.nu-c-spacer-7 { display: block; height: var(--spacing-07);}\n.nu-c-spacer-8 { display: block; height: var(--spacing-08);}\n.nu-c-spacer-9 { display: block; height: var(--spacing-09);}\n.nu-c-spacer-10 { display: block; height: var(--spacing-10);}\n.nu-c-spacer-11 { display: block; height: var(--spacing-11);}\n.nu-c-spacer-12 { display: block; height: var(--spacing-12);}\n.nu-c-spacer-13 { display: block; height: var(--spacing-13);}\n.nu-c-spacer-14 { display: block; height: var(--spacing-14);}\n.nu-c-spacer-15 { display: block; height: var(--spacing-15);}\n.nu-c-spacer-16 { display: block; height: var(--spacing-16);}\n.nu-c-spacer-17 { display: block; height: var(--spacing-17);}\n.nu-c-spacer-18 { display: block; height: var(--spacing-18);}"],"names":[],"version":3,"file":"index.css.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@new-ui/spacings",
3
- "version": "0.1.1",
3
+ "version": "0.1.3",
4
4
  "description": "Spacing Blocks",
5
5
  "source": "src/index.scss",
6
6
  "main": "dist/index.css",
@@ -24,16 +24,16 @@
24
24
  "design-tokens",
25
25
  "design-system"
26
26
  ],
27
- "author": "Abhimanyu Rana",
27
+ "author": "@planetabhi",
28
28
  "license": "MIT",
29
29
  "bugs": {
30
30
  "url": "https://github.com/NewDesignFile/spacings/issues"
31
31
  },
32
32
  "homepage": "https://github.com/NewDesignFile/spacings#readme",
33
33
  "devDependencies": {
34
- "@parcel/transformer-css": "^2.8.3",
35
- "@parcel/transformer-sass": "^2.8.3",
36
- "autoprefixer": "^10.4.13",
37
- "parcel": "^2.8.3"
34
+ "@parcel/transformer-css": "^2.12.0",
35
+ "@parcel/transformer-sass": "^2.12.0",
36
+ "autoprefixer": "^10.4.20",
37
+ "parcel": "^2.12.0"
38
38
  }
39
39
  }
@@ -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
16
- - uses: JS-DevTools/npm-publish@v1
17
- with:
18
- token: ${{ secrets.NPM_TOKEN }}
19
- access: public
@@ -1,22 +0,0 @@
1
- {
2
- "workbench.colorCustomizations": {
3
- "activityBar.activeBackground": "#63ccf0",
4
- "activityBar.background": "#63ccf0",
5
- "activityBar.foreground": "#15202b",
6
- "activityBar.inactiveForeground": "#15202b99",
7
- "activityBarBadge.background": "#e916b3",
8
- "activityBarBadge.foreground": "#e7e7e7",
9
- "commandCenter.border": "#15202b99",
10
- "sash.hoverBorder": "#63ccf0",
11
- "statusBar.background": "#35bdeb",
12
- "statusBar.foreground": "#15202b",
13
- "statusBarItem.hoverBackground": "#15a7d8",
14
- "statusBarItem.remoteBackground": "#35bdeb",
15
- "statusBarItem.remoteForeground": "#15202b",
16
- "titleBar.activeBackground": "#35bdeb",
17
- "titleBar.activeForeground": "#15202b",
18
- "titleBar.inactiveBackground": "#35bdeb99",
19
- "titleBar.inactiveForeground": "#15202b99"
20
- },
21
- "peacock.color": "#35bdeb"
22
- }