@new-ui/spacings 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/LICENSE +22 -0
  2. package/README.md +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/package.json +15 -9
  6. package/src/_variables.scss +21 -19
package/LICENSE ADDED
@@ -0,0 +1,22 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2025 Abhimanyu Rana @planetabhi
4
+ Copyright (c) 2025 Method Black Studio
5
+
6
+ Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ of this software and associated documentation files (the "Software"), to deal
8
+ in the Software without restriction, including without limitation the rights
9
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ copies of the Software, and to permit persons to whom the Software is
11
+ furnished to do so, subject to the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be included in all
14
+ copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ SOFTWARE.
package/README.md CHANGED
@@ -11,7 +11,7 @@ To get started quickly, you can use the CDN files.
11
11
 
12
12
  ```html
13
13
  <!-- Place this at the html head -->
14
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/spacings@<version>/dist/index.css">
14
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/spacings@latest/dist/index.css">
15
15
  ...
16
16
  ```
17
17
 
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--spacing-00:0rem;--spacing-01:.125rem;--spacing-02:.25rem;--spacing-03:.375rem;--spacing-04:.5rem;--spacing-05:.75rem;--spacing-06:1rem;--spacing-07:1.25rem;--spacing-08:1.5rem;--spacing-09:2rem;--spacing-10:2.5rem;--spacing-11:3rem;--spacing-12:3.5rem;--spacing-13:4rem;--spacing-14:4.5rem;--spacing-15:5rem;--spacing-16:6rem;--spacing-17:7.5rem;--spacing-18:10rem}.nu-u-mx-auto{margin-inline:auto}.nu-u-me-auto{margin-right:auto}.nu-u-ms-auto{margin-left:auto}.nu-u-mx-0{margin-inline:var(--spacing-00)}.nu-u-my-0{margin-block:var(--spacing-00)}.nu-u-ms-0{margin-left:var(--spacing-00)}.nu-u-me-0{margin-right:var(--spacing-00)}.nu-u-mt-0{margin-top:var(--spacing-00)}.nu-u-mb-0{margin-bottom:var(--spacing-00)}.nu-u-m-0{margin:var(--spacing-00)}.nu-u-mt-1{margin-top:var(--spacing-01)}.nu-u-mt-2{margin-top:var(--spacing-02)}.nu-u-mt-3{margin-top:var(--spacing-03)}.nu-u-mt-4{margin-top:var(--spacing-04)}.nu-u-mt-5{margin-top:var(--spacing-05)}.nu-u-mt-6{margin-top:var(--spacing-06)}.nu-u-mt-7{margin-top:var(--spacing-07)}.nu-u-mt-8{margin-top:var(--spacing-08)}.nu-u-mt-9{margin-top:var(--spacing-09)}.nu-u-mt-10{margin-top:var(--spacing-10)}.nu-u-mt-11{margin-top:var(--spacing-11)}.nu-u-mt-12{margin-top:var(--spacing-12)}.nu-u-mt-13{margin-top:var(--spacing-13)}.nu-u-mt-14{margin-top:var(--spacing-14)}.nu-u-mt-15{margin-top:var(--spacing-15)}.nu-u-mt-16{margin-top:var(--spacing-16)}.nu-u-mt-17{margin-top:var(--spacing-17)}.nu-u-mt-18{margin-top:var(--spacing-18)}.nu-u-me-1{margin-right:var(--spacing-01)}.nu-u-me-2{margin-right:var(--spacing-02)}.nu-u-me-3{margin-right:var(--spacing-03)}.nu-u-me-4{margin-right:var(--spacing-04)}.nu-u-me-5{margin-right:var(--spacing-05)}.nu-u-me-6{margin-right:var(--spacing-06)}.nu-u-me-7{margin-right:var(--spacing-07)}.nu-u-me-8{margin-right:var(--spacing-08)}.nu-u-me-9{margin-right:var(--spacing-09)}.nu-u-me-10{margin-right:var(--spacing-10)}.nu-u-me-11{margin-right:var(--spacing-11)}.nu-u-me-12{margin-right:var(--spacing-12)}.nu-u-me-13{margin-right:var(--spacing-13)}.nu-u-me-14{margin-right:var(--spacing-14)}.nu-u-me-15{margin-right:var(--spacing-15)}.nu-u-me-16{margin-right:var(--spacing-16)}.nu-u-me-17{margin-right:var(--spacing-17)}.nu-u-me-18{margin-right:var(--spacing-18)}.nu-u-mb-1{margin-bottom:var(--spacing-01)}.nu-u-mb-2{margin-bottom:var(--spacing-02)}.nu-u-mb-3{margin-bottom:var(--spacing-03)}.nu-u-mb-4{margin-bottom:var(--spacing-04)}.nu-u-mb-5{margin-bottom:var(--spacing-05)}.nu-u-mb-6{margin-bottom:var(--spacing-06)}.nu-u-mb-7{margin-bottom:var(--spacing-07)}.nu-u-mb-8{margin-bottom:var(--spacing-08)}.nu-u-mb-9{margin-bottom:var(--spacing-09)}.nu-u-mb-10{margin-bottom:var(--spacing-10)}.nu-u-mb-11{margin-bottom:var(--spacing-11)}.nu-u-mb-12{margin-bottom:var(--spacing-12)}.nu-u-mb-13{margin-bottom:var(--spacing-13)}.nu-u-mb-14{margin-bottom:var(--spacing-14)}.nu-u-mb-15{margin-bottom:var(--spacing-15)}.nu-u-mb-16{margin-bottom:var(--spacing-16)}.nu-u-mb-17{margin-bottom:var(--spacing-17)}.nu-u-mb-18{margin-bottom:var(--spacing-18)}.nu-u-ms-1{margin-left:var(--spacing-01)}.nu-u-ms-2{margin-left:var(--spacing-02)}.nu-u-ms-3{margin-left:var(--spacing-03)}.nu-u-ms-4{margin-left:var(--spacing-04)}.nu-u-ms-5{margin-left:var(--spacing-05)}.nu-u-ms-6{margin-left:var(--spacing-06)}.nu-u-ms-7{margin-left:var(--spacing-07)}.nu-u-ms-8{margin-left:var(--spacing-08)}.nu-u-ms-9{margin-left:var(--spacing-09)}.nu-u-ms-10{margin-left:var(--spacing-10)}.nu-u-ms-11{margin-left:var(--spacing-11)}.nu-u-ms-12{margin-left:var(--spacing-12)}.nu-u-ms-13{margin-left:var(--spacing-13)}.nu-u-ms-14{margin-left:var(--spacing-14)}.nu-u-ms-15{margin-left:var(--spacing-15)}.nu-u-ms-16{margin-left:var(--spacing-16)}.nu-u-ms-17{margin-left:var(--spacing-17)}.nu-u-ms-18{margin-left:var(--spacing-18)}.nu-u-mx-1{margin-inline:var(--spacing-01)}.nu-u-mx-2{margin-inline:var(--spacing-02)}.nu-u-mx-3{margin-inline:var(--spacing-03)}.nu-u-mx-4{margin-inline:var(--spacing-04)}.nu-u-mx-5{margin-inline:var(--spacing-05)}.nu-u-mx-6{margin-inline:var(--spacing-06)}.nu-u-mx-7{margin-inline:var(--spacing-07)}.nu-u-mx-8{margin-inline:var(--spacing-08)}.nu-u-mx-9{margin-inline:var(--spacing-09)}.nu-u-mx-10{margin-inline:var(--spacing-10)}.nu-u-mx-11{margin-inline:var(--spacing-11)}.nu-u-mx-12{margin-inline:var(--spacing-12)}.nu-u-mx-13{margin-inline:var(--spacing-13)}.nu-u-mx-14{margin-inline:var(--spacing-14)}.nu-u-mx-15{margin-inline:var(--spacing-15)}.nu-u-mx-16{margin-inline:var(--spacing-16)}.nu-u-mx-17{margin-inline:var(--spacing-17)}.nu-u-mx-18{margin-inline:var(--spacing-18)}.nu-u-my-1{margin-block:var(--spacing-01)}.nu-u-my-2{margin-block:var(--spacing-02)}.nu-u-my-3{margin-block:var(--spacing-03)}.nu-u-my-4{margin-block:var(--spacing-04)}.nu-u-my-5{margin-block:var(--spacing-05)}.nu-u-my-6{margin-block:var(--spacing-06)}.nu-u-my-7{margin-block:var(--spacing-07)}.nu-u-my-8{margin-block:var(--spacing-08)}.nu-u-my-9{margin-block:var(--spacing-09)}.nu-u-my-10{margin-block:var(--spacing-10)}.nu-u-my-11{margin-block:var(--spacing-11)}.nu-u-my-12{margin-block:var(--spacing-12)}.nu-u-my-13{margin-block:var(--spacing-13)}.nu-u-my-14{margin-block:var(--spacing-14)}.nu-u-my-15{margin-block:var(--spacing-15)}.nu-u-my-16{margin-block:var(--spacing-16)}.nu-u-my-17{margin-block:var(--spacing-17)}.nu-u-my-18{margin-block:var(--spacing-18)}.nu-u-px-0{padding-inline:var(--spacing-00)}.nu-u-py-0{padding-block:var(--spacing-00)}.nu-u-ps-0{padding-left:var(--spacing-00)}.nu-u-pe-0{padding-right:var(--spacing-00)}.nu-u-pt-0{padding-top:var(--spacing-00)}.nu-u-pb-0{padding-bottom:var(--spacing-00)}.nu-u-p-0{padding:var(--spacing-00)}.nu-u-p-1{padding:var(--spacing-01)}.nu-u-p-2{padding:var(--spacing-02)}.nu-u-p-3{padding:var(--spacing-03)}.nu-u-p-4{padding:var(--spacing-04)}.nu-u-p-5{padding:var(--spacing-05)}.nu-u-p-6{padding:var(--spacing-06)}.nu-u-p-7{padding:var(--spacing-07)}.nu-u-p-8{padding:var(--spacing-08)}.nu-u-p-9{padding:var(--spacing-09)}.nu-u-p-10{padding:var(--spacing-10)}.nu-u-p-11{padding:var(--spacing-11)}.nu-u-p-12{padding:var(--spacing-12)}.nu-u-p-13{padding:var(--spacing-13)}.nu-u-p-14{padding:var(--spacing-14)}.nu-u-p-15{padding:var(--spacing-15)}.nu-u-p-16{padding:var(--spacing-16)}.nu-u-p-17{padding:var(--spacing-17)}.nu-u-p-18{padding:var(--spacing-18)}.nu-u-pt-1{padding-top:var(--spacing-01)}.nu-u-pt-2{padding-top:var(--spacing-02)}.nu-u-pt-3{padding-top:var(--spacing-03)}.nu-u-pt-4{padding-top:var(--spacing-04)}.nu-u-pt-5{padding-top:var(--spacing-05)}.nu-u-pt-6{padding-top:var(--spacing-06)}.nu-u-pt-7{padding-top:var(--spacing-07)}.nu-u-pt-8{padding-top:var(--spacing-08)}.nu-u-pt-9{padding-top:var(--spacing-09)}.nu-u-pt-10{padding-top:var(--spacing-10)}.nu-u-pt-11{padding-top:var(--spacing-11)}.nu-u-pt-12{padding-top:var(--spacing-12)}.nu-u-pt-13{padding-top:var(--spacing-13)}.nu-u-pt-14{padding-top:var(--spacing-14)}.nu-u-pt-15{padding-top:var(--spacing-15)}.nu-u-pt-16{padding-top:var(--spacing-16)}.nu-u-pt-17{padding-top:var(--spacing-17)}.nu-u-pt-18{padding-top:var(--spacing-18)}.nu-u-pe-1{padding-right:var(--spacing-01)}.nu-u-pe-2{padding-right:var(--spacing-02)}.nu-u-pe-3{padding-right:var(--spacing-03)}.nu-u-pe-4{padding-right:var(--spacing-04)}.nu-u-pe-5{padding-right:var(--spacing-05)}.nu-u-pe-6{padding-right:var(--spacing-06)}.nu-u-pe-7{padding-right:var(--spacing-07)}.nu-u-pe-8{padding-right:var(--spacing-08)}.nu-u-pe-9{padding-right:var(--spacing-09)}.nu-u-pe-10{padding-right:var(--spacing-10)}.nu-u-pe-11{padding-right:var(--spacing-11)}.nu-u-pe-12{padding-right:var(--spacing-12)}.nu-u-pe-13{padding-right:var(--spacing-13)}.nu-u-pe-14{padding-right:var(--spacing-14)}.nu-u-pe-15{padding-right:var(--spacing-15)}.nu-u-pe-16{padding-right:var(--spacing-16)}.nu-u-pe-17{padding-right:var(--spacing-17)}.nu-u-pe-18{padding-right:var(--spacing-18)}.nu-u-pb-1{padding-bottom:var(--spacing-01)}.nu-u-pb-2{padding-bottom:var(--spacing-02)}.nu-u-pb-3{padding-bottom:var(--spacing-03)}.nu-u-pb-4{padding-bottom:var(--spacing-04)}.nu-u-pb-5{padding-bottom:var(--spacing-05)}.nu-u-pb-6{padding-bottom:var(--spacing-06)}.nu-u-pb-7{padding-bottom:var(--spacing-07)}.nu-u-pb-8{padding-bottom:var(--spacing-08)}.nu-u-pb-9{padding-bottom:var(--spacing-09)}.nu-u-pb-10{padding-bottom:var(--spacing-10)}.nu-u-pb-11{padding-bottom:var(--spacing-11)}.nu-u-pb-12{padding-bottom:var(--spacing-12)}.nu-u-pb-13{padding-bottom:var(--spacing-13)}.nu-u-pb-14{padding-bottom:var(--spacing-14)}.nu-u-pb-15{padding-bottom:var(--spacing-15)}.nu-u-pb-16{padding-bottom:var(--spacing-16)}.nu-u-pb-17{padding-bottom:var(--spacing-17)}.nu-u-pb-18{padding-bottom:var(--spacing-18)}.nu-u-ps-1{padding-left:var(--spacing-01)}.nu-u-ps-2{padding-left:var(--spacing-02)}.nu-u-ps-3{padding-left:var(--spacing-03)}.nu-u-ps-4{padding-left:var(--spacing-04)}.nu-u-ps-5{padding-left:var(--spacing-05)}.nu-u-ps-6{padding-left:var(--spacing-06)}.nu-u-ps-7{padding-left:var(--spacing-07)}.nu-u-ps-8{padding-left:var(--spacing-08)}.nu-u-ps-9{padding-left:var(--spacing-09)}.nu-u-ps-10{padding-left:var(--spacing-10)}.nu-u-ps-11{padding-left:var(--spacing-11)}.nu-u-ps-12{padding-left:var(--spacing-12)}.nu-u-ps-13{padding-left:var(--spacing-13)}.nu-u-ps-14{padding-left:var(--spacing-14)}.nu-u-ps-15{padding-left:var(--spacing-15)}.nu-u-ps-16{padding-left:var(--spacing-16)}.nu-u-ps-17{padding-left:var(--spacing-17)}.nu-u-ps-18{padding-left:var(--spacing-18)}.nu-u-px-1{padding-inline:var(--spacing-01)}.nu-u-px-2{padding-inline:var(--spacing-02)}.nu-u-px-3{padding-inline:var(--spacing-03)}.nu-u-px-4{padding-inline:var(--spacing-04)}.nu-u-px-5{padding-inline:var(--spacing-05)}.nu-u-px-6{padding-inline:var(--spacing-06)}.nu-u-px-7{padding-inline:var(--spacing-07)}.nu-u-px-8{padding-inline:var(--spacing-08)}.nu-u-px-9{padding-inline:var(--spacing-09)}.nu-u-px-10{padding-inline:var(--spacing-10)}.nu-u-px-11{padding-inline:var(--spacing-11)}.nu-u-px-12{padding-inline:var(--spacing-12)}.nu-u-px-13{padding-inline:var(--spacing-13)}.nu-u-px-14{padding-inline:var(--spacing-14)}.nu-u-px-15{padding-inline:var(--spacing-15)}.nu-u-px-16{padding-inline:var(--spacing-16)}.nu-u-px-17{padding-inline:var(--spacing-17)}.nu-u-px-18{padding-inline:var(--spacing-18)}.nu-u-py-1{padding-block:var(--spacing-01)}.nu-u-py-2{padding-block:var(--spacing-02)}.nu-u-py-3{padding-block:var(--spacing-03)}.nu-u-py-4{padding-block:var(--spacing-04)}.nu-u-py-5{padding-block:var(--spacing-05)}.nu-u-py-6{padding-block:var(--spacing-06)}.nu-u-py-7{padding-block:var(--spacing-07)}.nu-u-py-8{padding-block:var(--spacing-08)}.nu-u-py-9{padding-block:var(--spacing-09)}.nu-u-py-10{padding-block:var(--spacing-10)}.nu-u-py-11{padding-block:var(--spacing-11)}.nu-u-py-12{padding-block:var(--spacing-12)}.nu-u-py-13{padding-block:var(--spacing-13)}.nu-u-py-14{padding-block:var(--spacing-14)}.nu-u-py-15{padding-block:var(--spacing-15)}.nu-u-py-16{padding-block:var(--spacing-16)}.nu-u-py-17{padding-block:var(--spacing-17)}.nu-u-py-18{padding-block:var(--spacing-18)}.nu-c-spacer-1{height:var(--spacing-01);display:block}.nu-c-spacer-2{height:var(--spacing-02);display:block}.nu-c-spacer-3{height:var(--spacing-03);display:block}.nu-c-spacer-4{height:var(--spacing-04);display:block}.nu-c-spacer-5{height:var(--spacing-05);display:block}.nu-c-spacer-6{height:var(--spacing-06);display:block}.nu-c-spacer-7{height:var(--spacing-07);display:block}.nu-c-spacer-8{height:var(--spacing-08);display:block}.nu-c-spacer-9{height:var(--spacing-09);display:block}.nu-c-spacer-10{height:var(--spacing-10);display:block}.nu-c-spacer-11{height:var(--spacing-11);display:block}.nu-c-spacer-12{height:var(--spacing-12);display:block}.nu-c-spacer-13{height:var(--spacing-13);display:block}.nu-c-spacer-14{height:var(--spacing-14);display:block}.nu-c-spacer-15{height:var(--spacing-15);display:block}.nu-c-spacer-16{height:var(--spacing-16);display:block}.nu-c-spacer-17{height:var(--spacing-17);display:block}.nu-c-spacer-18{height:var(--spacing-18);display:block}
1
+ :root{--spacing:.125rem;--spacing-00:0px;--spacing-01:var(--spacing);--spacing-02:calc(var(--spacing)*2);--spacing-03:calc(var(--spacing)*3);--spacing-04:calc(var(--spacing)*4);--spacing-05:calc(var(--spacing)*6);--spacing-06:calc(var(--spacing)*8);--spacing-07:calc(var(--spacing)*10);--spacing-08:calc(var(--spacing)*12);--spacing-09:calc(var(--spacing)*16);--spacing-10:calc(var(--spacing)*20);--spacing-11:calc(var(--spacing)*24);--spacing-12:calc(var(--spacing)*28);--spacing-13:calc(var(--spacing)*32);--spacing-14:calc(var(--spacing)*36);--spacing-15:calc(var(--spacing)*40);--spacing-16:calc(var(--spacing)*48);--spacing-17:calc(var(--spacing)*60);--spacing-18:calc(var(--spacing)*80)}.nu-u-mx-auto{margin-inline:auto}.nu-u-me-auto{margin-right:auto}.nu-u-ms-auto{margin-left:auto}.nu-u-mx-0{margin-inline:var(--spacing-00)}.nu-u-my-0{margin-block:var(--spacing-00)}.nu-u-ms-0{margin-left:var(--spacing-00)}.nu-u-me-0{margin-right:var(--spacing-00)}.nu-u-mt-0{margin-top:var(--spacing-00)}.nu-u-mb-0{margin-bottom:var(--spacing-00)}.nu-u-m-0{margin:var(--spacing-00)}.nu-u-mt-1{margin-top:var(--spacing-01)}.nu-u-mt-2{margin-top:var(--spacing-02)}.nu-u-mt-3{margin-top:var(--spacing-03)}.nu-u-mt-4{margin-top:var(--spacing-04)}.nu-u-mt-5{margin-top:var(--spacing-05)}.nu-u-mt-6{margin-top:var(--spacing-06)}.nu-u-mt-7{margin-top:var(--spacing-07)}.nu-u-mt-8{margin-top:var(--spacing-08)}.nu-u-mt-9{margin-top:var(--spacing-09)}.nu-u-mt-10{margin-top:var(--spacing-10)}.nu-u-mt-11{margin-top:var(--spacing-11)}.nu-u-mt-12{margin-top:var(--spacing-12)}.nu-u-mt-13{margin-top:var(--spacing-13)}.nu-u-mt-14{margin-top:var(--spacing-14)}.nu-u-mt-15{margin-top:var(--spacing-15)}.nu-u-mt-16{margin-top:var(--spacing-16)}.nu-u-mt-17{margin-top:var(--spacing-17)}.nu-u-mt-18{margin-top:var(--spacing-18)}.nu-u-me-1{margin-right:var(--spacing-01)}.nu-u-me-2{margin-right:var(--spacing-02)}.nu-u-me-3{margin-right:var(--spacing-03)}.nu-u-me-4{margin-right:var(--spacing-04)}.nu-u-me-5{margin-right:var(--spacing-05)}.nu-u-me-6{margin-right:var(--spacing-06)}.nu-u-me-7{margin-right:var(--spacing-07)}.nu-u-me-8{margin-right:var(--spacing-08)}.nu-u-me-9{margin-right:var(--spacing-09)}.nu-u-me-10{margin-right:var(--spacing-10)}.nu-u-me-11{margin-right:var(--spacing-11)}.nu-u-me-12{margin-right:var(--spacing-12)}.nu-u-me-13{margin-right:var(--spacing-13)}.nu-u-me-14{margin-right:var(--spacing-14)}.nu-u-me-15{margin-right:var(--spacing-15)}.nu-u-me-16{margin-right:var(--spacing-16)}.nu-u-me-17{margin-right:var(--spacing-17)}.nu-u-me-18{margin-right:var(--spacing-18)}.nu-u-mb-1{margin-bottom:var(--spacing-01)}.nu-u-mb-2{margin-bottom:var(--spacing-02)}.nu-u-mb-3{margin-bottom:var(--spacing-03)}.nu-u-mb-4{margin-bottom:var(--spacing-04)}.nu-u-mb-5{margin-bottom:var(--spacing-05)}.nu-u-mb-6{margin-bottom:var(--spacing-06)}.nu-u-mb-7{margin-bottom:var(--spacing-07)}.nu-u-mb-8{margin-bottom:var(--spacing-08)}.nu-u-mb-9{margin-bottom:var(--spacing-09)}.nu-u-mb-10{margin-bottom:var(--spacing-10)}.nu-u-mb-11{margin-bottom:var(--spacing-11)}.nu-u-mb-12{margin-bottom:var(--spacing-12)}.nu-u-mb-13{margin-bottom:var(--spacing-13)}.nu-u-mb-14{margin-bottom:var(--spacing-14)}.nu-u-mb-15{margin-bottom:var(--spacing-15)}.nu-u-mb-16{margin-bottom:var(--spacing-16)}.nu-u-mb-17{margin-bottom:var(--spacing-17)}.nu-u-mb-18{margin-bottom:var(--spacing-18)}.nu-u-ms-1{margin-left:var(--spacing-01)}.nu-u-ms-2{margin-left:var(--spacing-02)}.nu-u-ms-3{margin-left:var(--spacing-03)}.nu-u-ms-4{margin-left:var(--spacing-04)}.nu-u-ms-5{margin-left:var(--spacing-05)}.nu-u-ms-6{margin-left:var(--spacing-06)}.nu-u-ms-7{margin-left:var(--spacing-07)}.nu-u-ms-8{margin-left:var(--spacing-08)}.nu-u-ms-9{margin-left:var(--spacing-09)}.nu-u-ms-10{margin-left:var(--spacing-10)}.nu-u-ms-11{margin-left:var(--spacing-11)}.nu-u-ms-12{margin-left:var(--spacing-12)}.nu-u-ms-13{margin-left:var(--spacing-13)}.nu-u-ms-14{margin-left:var(--spacing-14)}.nu-u-ms-15{margin-left:var(--spacing-15)}.nu-u-ms-16{margin-left:var(--spacing-16)}.nu-u-ms-17{margin-left:var(--spacing-17)}.nu-u-ms-18{margin-left:var(--spacing-18)}.nu-u-mx-1{margin-inline:var(--spacing-01)}.nu-u-mx-2{margin-inline:var(--spacing-02)}.nu-u-mx-3{margin-inline:var(--spacing-03)}.nu-u-mx-4{margin-inline:var(--spacing-04)}.nu-u-mx-5{margin-inline:var(--spacing-05)}.nu-u-mx-6{margin-inline:var(--spacing-06)}.nu-u-mx-7{margin-inline:var(--spacing-07)}.nu-u-mx-8{margin-inline:var(--spacing-08)}.nu-u-mx-9{margin-inline:var(--spacing-09)}.nu-u-mx-10{margin-inline:var(--spacing-10)}.nu-u-mx-11{margin-inline:var(--spacing-11)}.nu-u-mx-12{margin-inline:var(--spacing-12)}.nu-u-mx-13{margin-inline:var(--spacing-13)}.nu-u-mx-14{margin-inline:var(--spacing-14)}.nu-u-mx-15{margin-inline:var(--spacing-15)}.nu-u-mx-16{margin-inline:var(--spacing-16)}.nu-u-mx-17{margin-inline:var(--spacing-17)}.nu-u-mx-18{margin-inline:var(--spacing-18)}.nu-u-my-1{margin-block:var(--spacing-01)}.nu-u-my-2{margin-block:var(--spacing-02)}.nu-u-my-3{margin-block:var(--spacing-03)}.nu-u-my-4{margin-block:var(--spacing-04)}.nu-u-my-5{margin-block:var(--spacing-05)}.nu-u-my-6{margin-block:var(--spacing-06)}.nu-u-my-7{margin-block:var(--spacing-07)}.nu-u-my-8{margin-block:var(--spacing-08)}.nu-u-my-9{margin-block:var(--spacing-09)}.nu-u-my-10{margin-block:var(--spacing-10)}.nu-u-my-11{margin-block:var(--spacing-11)}.nu-u-my-12{margin-block:var(--spacing-12)}.nu-u-my-13{margin-block:var(--spacing-13)}.nu-u-my-14{margin-block:var(--spacing-14)}.nu-u-my-15{margin-block:var(--spacing-15)}.nu-u-my-16{margin-block:var(--spacing-16)}.nu-u-my-17{margin-block:var(--spacing-17)}.nu-u-my-18{margin-block:var(--spacing-18)}.nu-u-px-0{padding-inline:var(--spacing-00)}.nu-u-py-0{padding-block:var(--spacing-00)}.nu-u-ps-0{padding-left:var(--spacing-00)}.nu-u-pe-0{padding-right:var(--spacing-00)}.nu-u-pt-0{padding-top:var(--spacing-00)}.nu-u-pb-0{padding-bottom:var(--spacing-00)}.nu-u-p-0{padding:var(--spacing-00)}.nu-u-p-1{padding:var(--spacing-01)}.nu-u-p-2{padding:var(--spacing-02)}.nu-u-p-3{padding:var(--spacing-03)}.nu-u-p-4{padding:var(--spacing-04)}.nu-u-p-5{padding:var(--spacing-05)}.nu-u-p-6{padding:var(--spacing-06)}.nu-u-p-7{padding:var(--spacing-07)}.nu-u-p-8{padding:var(--spacing-08)}.nu-u-p-9{padding:var(--spacing-09)}.nu-u-p-10{padding:var(--spacing-10)}.nu-u-p-11{padding:var(--spacing-11)}.nu-u-p-12{padding:var(--spacing-12)}.nu-u-p-13{padding:var(--spacing-13)}.nu-u-p-14{padding:var(--spacing-14)}.nu-u-p-15{padding:var(--spacing-15)}.nu-u-p-16{padding:var(--spacing-16)}.nu-u-p-17{padding:var(--spacing-17)}.nu-u-p-18{padding:var(--spacing-18)}.nu-u-pt-1{padding-top:var(--spacing-01)}.nu-u-pt-2{padding-top:var(--spacing-02)}.nu-u-pt-3{padding-top:var(--spacing-03)}.nu-u-pt-4{padding-top:var(--spacing-04)}.nu-u-pt-5{padding-top:var(--spacing-05)}.nu-u-pt-6{padding-top:var(--spacing-06)}.nu-u-pt-7{padding-top:var(--spacing-07)}.nu-u-pt-8{padding-top:var(--spacing-08)}.nu-u-pt-9{padding-top:var(--spacing-09)}.nu-u-pt-10{padding-top:var(--spacing-10)}.nu-u-pt-11{padding-top:var(--spacing-11)}.nu-u-pt-12{padding-top:var(--spacing-12)}.nu-u-pt-13{padding-top:var(--spacing-13)}.nu-u-pt-14{padding-top:var(--spacing-14)}.nu-u-pt-15{padding-top:var(--spacing-15)}.nu-u-pt-16{padding-top:var(--spacing-16)}.nu-u-pt-17{padding-top:var(--spacing-17)}.nu-u-pt-18{padding-top:var(--spacing-18)}.nu-u-pe-1{padding-right:var(--spacing-01)}.nu-u-pe-2{padding-right:var(--spacing-02)}.nu-u-pe-3{padding-right:var(--spacing-03)}.nu-u-pe-4{padding-right:var(--spacing-04)}.nu-u-pe-5{padding-right:var(--spacing-05)}.nu-u-pe-6{padding-right:var(--spacing-06)}.nu-u-pe-7{padding-right:var(--spacing-07)}.nu-u-pe-8{padding-right:var(--spacing-08)}.nu-u-pe-9{padding-right:var(--spacing-09)}.nu-u-pe-10{padding-right:var(--spacing-10)}.nu-u-pe-11{padding-right:var(--spacing-11)}.nu-u-pe-12{padding-right:var(--spacing-12)}.nu-u-pe-13{padding-right:var(--spacing-13)}.nu-u-pe-14{padding-right:var(--spacing-14)}.nu-u-pe-15{padding-right:var(--spacing-15)}.nu-u-pe-16{padding-right:var(--spacing-16)}.nu-u-pe-17{padding-right:var(--spacing-17)}.nu-u-pe-18{padding-right:var(--spacing-18)}.nu-u-pb-1{padding-bottom:var(--spacing-01)}.nu-u-pb-2{padding-bottom:var(--spacing-02)}.nu-u-pb-3{padding-bottom:var(--spacing-03)}.nu-u-pb-4{padding-bottom:var(--spacing-04)}.nu-u-pb-5{padding-bottom:var(--spacing-05)}.nu-u-pb-6{padding-bottom:var(--spacing-06)}.nu-u-pb-7{padding-bottom:var(--spacing-07)}.nu-u-pb-8{padding-bottom:var(--spacing-08)}.nu-u-pb-9{padding-bottom:var(--spacing-09)}.nu-u-pb-10{padding-bottom:var(--spacing-10)}.nu-u-pb-11{padding-bottom:var(--spacing-11)}.nu-u-pb-12{padding-bottom:var(--spacing-12)}.nu-u-pb-13{padding-bottom:var(--spacing-13)}.nu-u-pb-14{padding-bottom:var(--spacing-14)}.nu-u-pb-15{padding-bottom:var(--spacing-15)}.nu-u-pb-16{padding-bottom:var(--spacing-16)}.nu-u-pb-17{padding-bottom:var(--spacing-17)}.nu-u-pb-18{padding-bottom:var(--spacing-18)}.nu-u-ps-1{padding-left:var(--spacing-01)}.nu-u-ps-2{padding-left:var(--spacing-02)}.nu-u-ps-3{padding-left:var(--spacing-03)}.nu-u-ps-4{padding-left:var(--spacing-04)}.nu-u-ps-5{padding-left:var(--spacing-05)}.nu-u-ps-6{padding-left:var(--spacing-06)}.nu-u-ps-7{padding-left:var(--spacing-07)}.nu-u-ps-8{padding-left:var(--spacing-08)}.nu-u-ps-9{padding-left:var(--spacing-09)}.nu-u-ps-10{padding-left:var(--spacing-10)}.nu-u-ps-11{padding-left:var(--spacing-11)}.nu-u-ps-12{padding-left:var(--spacing-12)}.nu-u-ps-13{padding-left:var(--spacing-13)}.nu-u-ps-14{padding-left:var(--spacing-14)}.nu-u-ps-15{padding-left:var(--spacing-15)}.nu-u-ps-16{padding-left:var(--spacing-16)}.nu-u-ps-17{padding-left:var(--spacing-17)}.nu-u-ps-18{padding-left:var(--spacing-18)}.nu-u-px-1{padding-inline:var(--spacing-01)}.nu-u-px-2{padding-inline:var(--spacing-02)}.nu-u-px-3{padding-inline:var(--spacing-03)}.nu-u-px-4{padding-inline:var(--spacing-04)}.nu-u-px-5{padding-inline:var(--spacing-05)}.nu-u-px-6{padding-inline:var(--spacing-06)}.nu-u-px-7{padding-inline:var(--spacing-07)}.nu-u-px-8{padding-inline:var(--spacing-08)}.nu-u-px-9{padding-inline:var(--spacing-09)}.nu-u-px-10{padding-inline:var(--spacing-10)}.nu-u-px-11{padding-inline:var(--spacing-11)}.nu-u-px-12{padding-inline:var(--spacing-12)}.nu-u-px-13{padding-inline:var(--spacing-13)}.nu-u-px-14{padding-inline:var(--spacing-14)}.nu-u-px-15{padding-inline:var(--spacing-15)}.nu-u-px-16{padding-inline:var(--spacing-16)}.nu-u-px-17{padding-inline:var(--spacing-17)}.nu-u-px-18{padding-inline:var(--spacing-18)}.nu-u-py-1{padding-block:var(--spacing-01)}.nu-u-py-2{padding-block:var(--spacing-02)}.nu-u-py-3{padding-block:var(--spacing-03)}.nu-u-py-4{padding-block:var(--spacing-04)}.nu-u-py-5{padding-block:var(--spacing-05)}.nu-u-py-6{padding-block:var(--spacing-06)}.nu-u-py-7{padding-block:var(--spacing-07)}.nu-u-py-8{padding-block:var(--spacing-08)}.nu-u-py-9{padding-block:var(--spacing-09)}.nu-u-py-10{padding-block:var(--spacing-10)}.nu-u-py-11{padding-block:var(--spacing-11)}.nu-u-py-12{padding-block:var(--spacing-12)}.nu-u-py-13{padding-block:var(--spacing-13)}.nu-u-py-14{padding-block:var(--spacing-14)}.nu-u-py-15{padding-block:var(--spacing-15)}.nu-u-py-16{padding-block:var(--spacing-16)}.nu-u-py-17{padding-block:var(--spacing-17)}.nu-u-py-18{padding-block:var(--spacing-18)}.nu-c-spacer-1{height:var(--spacing-01);display:block}.nu-c-spacer-2{height:var(--spacing-02);display:block}.nu-c-spacer-3{height:var(--spacing-03);display:block}.nu-c-spacer-4{height:var(--spacing-04);display:block}.nu-c-spacer-5{height:var(--spacing-05);display:block}.nu-c-spacer-6{height:var(--spacing-06);display:block}.nu-c-spacer-7{height:var(--spacing-07);display:block}.nu-c-spacer-8{height:var(--spacing-08);display:block}.nu-c-spacer-9{height:var(--spacing-09);display:block}.nu-c-spacer-10{height:var(--spacing-10);display:block}.nu-c-spacer-11{height:var(--spacing-11);display:block}.nu-c-spacer-12{height:var(--spacing-12);display:block}.nu-c-spacer-13{height:var(--spacing-13);display:block}.nu-c-spacer-14{height:var(--spacing-14);display:block}.nu-c-spacer-15{height:var(--spacing-15);display:block}.nu-c-spacer-16{height:var(--spacing-16);display:block}.nu-c-spacer-17{height:var(--spacing-17);display:block}.nu-c-spacer-18{height:var(--spacing-18);display:block}
2
2
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"ACAA,qXCCA,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","../../New%20Packages/spacings/src/_variables.scss","../../New%20Packages/spacings/src/_utilities.scss","../../New%20Packages/spacings/src/_components.scss"],"sourcesContent":[":root {\n --spacing-00: 0rem;\n --spacing-01: .125rem;\n --spacing-02: .25rem;\n --spacing-03: .375rem;\n --spacing-04: .5rem;\n --spacing-05: .75rem;\n --spacing-06: 1rem;\n --spacing-07: 1.25rem;\n --spacing-08: 1.5rem;\n --spacing-09: 2rem;\n --spacing-10: 2.5rem;\n --spacing-11: 3rem;\n --spacing-12: 3.5rem;\n --spacing-13: 4rem;\n --spacing-14: 4.5rem;\n --spacing-15: 5rem;\n --spacing-16: 6rem;\n --spacing-17: 7.5rem;\n --spacing-18: 10rem;\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",null,null,null],"names":[],"version":3,"file":"index.css.map"}
1
+ {"mappings":"ACAA,qrBCCA,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: .125rem;\n --spacing-00: 0px;\n --spacing-01: var(--spacing);\n --spacing-02: calc(var(--spacing) * 2);\n --spacing-03: calc(var(--spacing) * 3);\n --spacing-04: calc(var(--spacing) * 4);\n --spacing-05: calc(var(--spacing) * 6);\n --spacing-06: calc(var(--spacing) * 8);\n --spacing-07: calc(var(--spacing) * 10);\n --spacing-08: calc(var(--spacing) * 12);\n --spacing-09: calc(var(--spacing) * 16);\n --spacing-10: calc(var(--spacing) * 20);\n --spacing-11: calc(var(--spacing) * 24);\n --spacing-12: calc(var(--spacing) * 28);\n --spacing-13: calc(var(--spacing) * 32);\n --spacing-14: calc(var(--spacing) * 36);\n --spacing-15: calc(var(--spacing) * 40);\n --spacing-16: calc(var(--spacing) * 48);\n --spacing-17: calc(var(--spacing) * 60);\n --spacing-18: calc(var(--spacing) * 80);\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: 0.125rem;\n \n --spacing-00: 0px; /* 0rem */\n --spacing-01: var(--spacing); /* 0.125rem */\n --spacing-02: calc(var(--spacing) * 2); /* 0.25rem */\n --spacing-03: calc(var(--spacing) * 3); /* 0.375rem */\n --spacing-04: calc(var(--spacing) * 4); /* 0.5rem */\n --spacing-05: calc(var(--spacing) * 6); /* 0.75rem */\n --spacing-06: calc(var(--spacing) * 8); /* 1rem */\n --spacing-07: calc(var(--spacing) * 10); /* 1.25rem */\n --spacing-08: calc(var(--spacing) * 12); /* 1.5rem */\n --spacing-09: calc(var(--spacing) * 16); /* 2rem */\n --spacing-10: calc(var(--spacing) * 20); /* 2.5rem */\n --spacing-11: calc(var(--spacing) * 24); /* 3rem */\n --spacing-12: calc(var(--spacing) * 28); /* 3.5rem */\n --spacing-13: calc(var(--spacing) * 32); /* 4rem */\n --spacing-14: calc(var(--spacing) * 36); /* 4.5rem */\n --spacing-15: calc(var(--spacing) * 40); /* 5rem */\n --spacing-16: calc(var(--spacing) * 48); /* 6rem */\n --spacing-17: calc(var(--spacing) * 60); /* 7.5rem */\n --spacing-18: calc(var(--spacing) * 80); /* 10rem */\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,19 +1,25 @@
1
1
  {
2
2
  "name": "@new-ui/spacings",
3
- "version": "0.1.4",
4
- "description": "Spacing Blocks",
3
+ "version": "0.1.6",
4
+ "description": "Spacing blocks",
5
5
  "source": "src/index.scss",
6
6
  "main": "dist/index.css",
7
7
  "targets": {
8
8
  "main": false
9
9
  },
10
+ "files": [
11
+ "dist/",
12
+ "src/",
13
+ "README.md",
14
+ "LICENSE"
15
+ ],
10
16
  "scripts": {
11
17
  "watch": "parcel watch",
12
18
  "build": "parcel build"
13
19
  },
14
20
  "repository": {
15
21
  "type": "git",
16
- "url": "git+https://github.com/NewDesignFile/spacings.git"
22
+ "url": "git+https://github.com/NewDesignFile/foundations.git"
17
23
  },
18
24
  "keywords": [
19
25
  "spacings",
@@ -27,13 +33,13 @@
27
33
  "author": "@planetabhi",
28
34
  "license": "MIT",
29
35
  "bugs": {
30
- "url": "https://github.com/NewDesignFile/spacings/issues"
36
+ "url": "https://github.com/NewDesignFile/foundations/issues"
31
37
  },
32
- "homepage": "https://github.com/NewDesignFile/spacings#readme",
38
+ "homepage": "https://github.com/NewDesignFile/foundations#readme",
33
39
  "devDependencies": {
34
- "@parcel/transformer-css": "^2.13.3",
35
- "@parcel/transformer-sass": "^2.13.3",
36
- "autoprefixer": "^10.4.20",
37
- "parcel": "^2.13.3"
40
+ "@parcel/transformer-css": "^2.14.4",
41
+ "@parcel/transformer-sass": "^2.14.4",
42
+ "autoprefixer": "^10.4.21",
43
+ "parcel": "^2.14.4"
38
44
  }
39
45
  }
package/src/_variables.scss CHANGED
@@ -1,21 +1,23 @@
1
1
  :root {
2
- --spacing-00: 0rem;
3
- --spacing-01: 0.125rem;
4
- --spacing-02: 0.25rem;
5
- --spacing-03: 0.375rem;
6
- --spacing-04: 0.5rem;
7
- --spacing-05: 0.75rem;
8
- --spacing-06: 1rem;
9
- --spacing-07: 1.25rem;
10
- --spacing-08: 1.5rem;
11
- --spacing-09: 2rem;
12
- --spacing-10: 2.5rem;
13
- --spacing-11: 3rem;
14
- --spacing-12: 3.5rem;
15
- --spacing-13: 4rem;
16
- --spacing-14: 4.5rem;
17
- --spacing-15: 5rem;
18
- --spacing-16: 6rem;
19
- --spacing-17: 7.5rem;
20
- --spacing-18: 10rem;
2
+ --spacing: 0.125rem;
3
+
4
+ --spacing-00: 0px; /* 0rem */
5
+ --spacing-01: var(--spacing); /* 0.125rem */
6
+ --spacing-02: calc(var(--spacing) * 2); /* 0.25rem */
7
+ --spacing-03: calc(var(--spacing) * 3); /* 0.375rem */
8
+ --spacing-04: calc(var(--spacing) * 4); /* 0.5rem */
9
+ --spacing-05: calc(var(--spacing) * 6); /* 0.75rem */
10
+ --spacing-06: calc(var(--spacing) * 8); /* 1rem */
11
+ --spacing-07: calc(var(--spacing) * 10); /* 1.25rem */
12
+ --spacing-08: calc(var(--spacing) * 12); /* 1.5rem */
13
+ --spacing-09: calc(var(--spacing) * 16); /* 2rem */
14
+ --spacing-10: calc(var(--spacing) * 20); /* 2.5rem */
15
+ --spacing-11: calc(var(--spacing) * 24); /* 3rem */
16
+ --spacing-12: calc(var(--spacing) * 28); /* 3.5rem */
17
+ --spacing-13: calc(var(--spacing) * 32); /* 4rem */
18
+ --spacing-14: calc(var(--spacing) * 36); /* 4.5rem */
19
+ --spacing-15: calc(var(--spacing) * 40); /* 5rem */
20
+ --spacing-16: calc(var(--spacing) * 48); /* 6rem */
21
+ --spacing-17: calc(var(--spacing) * 60); /* 7.5rem */
22
+ --spacing-18: calc(var(--spacing) * 80); /* 10rem */
21
23
  }