@servicetitan/hammer-token 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/.turbo/turbo-lint.log +1 -1
  3. package/CHANGELOG.md +12 -0
  4. package/build/web/core/css-utils/border.css +9 -9
  5. package/build/web/core/css-utils/color.css +61 -61
  6. package/build/web/core/css-utils/font.css +21 -0
  7. package/build/web/core/css-utils/spacing.css +204 -204
  8. package/build/web/core/css-utils/utils.css +290 -290
  9. package/config.js +3 -3
  10. package/package.json +2 -2
  11. package/src/utils/css-utils-format-utils.js +4 -4
package/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @servicetitan/hammer-token@0.5.2 build /home/runner/work/hammer/hammer/packages/hammer-token
2
+ > @servicetitan/hammer-token@0.6.0 build /home/runner/work/hammer/hammer/packages/hammer-token
3
3
  > node ./config.js
4
4
 
5
5
 
package/.turbo/turbo-lint.log CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- > @servicetitan/hammer-token@0.5.2 lint /home/runner/work/hammer/hammer/packages/hammer-token
2
+ > @servicetitan/hammer-token@0.6.0 lint /home/runner/work/hammer/hammer/packages/hammer-token
3
3
  > eslint
4
4
 
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v0.7.0 (Mon Jun 03 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - ANV-1392: Fix CSS Utils / Font file and add fallback values [#486](https://github.com/servicetitan/hammer/pull/486) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
6
+
7
+ #### Authors: 1
8
+
9
+ - Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
10
+
11
+ ---
12
+
1
13
  # v0.6.0 (Fri May 31 2024)
2
14
 
3
15
  #### ✨ New Feature
package/build/web/core/css-utils/border.css CHANGED
@@ -1,13 +1,13 @@
1
- .border-color-danger {border-color: var(--status-color-danger)}
2
- .border-color-default {border-color: var(--color-neutral-80)}
3
- .border-color-primary {border-color: var(--status-color-info)}
4
- .border-color-strong {border-color: var(--color-neutral-200)}
5
- .border-color-subdued {border-color: var(--color-neutral-60)}
1
+ .border-color-danger {border-color: var(--status-color-danger, #e13212)}
2
+ .border-color-default {border-color: var(--color-neutral-80, #949596)}
3
+ .border-color-primary {border-color: var(--status-color-info, #0265dc)}
4
+ .border-color-strong {border-color: var(--color-neutral-200, #444445)}
5
+ .border-color-subdued {border-color: var(--color-neutral-60, #dfe0e1)}
6
6
  .border-radius-circular {border-radius: 100%}
7
- .border-radius-none {border-radius: var(--size-0)}
7
+ .border-radius-none {border-radius: var(--size-0, 0rem)}
8
8
  .border-radius-pill {border-radius: 500px}
9
9
  .border-radius-rounded {border-radius: 0.375rem}
10
10
  .border-radius-rounded-strong {border-radius: 1rem}
11
- .border-width-default {border-width: var(--size-quarter)}
12
- .border-width-none {border-width: var(--size-0)}
13
- .border-width-strong {border-width: var(--size-half)}
11
+ .border-width-default {border-width: var(--size-quarter, 0.0625rem)}
12
+ .border-width-none {border-width: var(--size-0, 0rem)}
13
+ .border-width-strong {border-width: var(--size-half, 0.125rem)}
package/build/web/core/css-utils/color.css CHANGED
@@ -1,8 +1,8 @@
1
1
  .anv-themeprovider-core-dark .bg-danger-default {background-color: #ff745f}
2
- .anv-themeprovider-core-dark .bg-default {background-color: var(--color-neutral-400)}
3
- .anv-themeprovider-core-dark .bg-disabled {background-color: var(--color-neutral-100)}
4
- .anv-themeprovider-core-dark .bg-inverted-default {background-color: var(--color-neutral-20)}
5
- .anv-themeprovider-core-dark .bg-inverted-strong {background-color: var(--color-neutral-0)}
2
+ .anv-themeprovider-core-dark .bg-default {background-color: var(--color-neutral-400, #141414)}
3
+ .anv-themeprovider-core-dark .bg-disabled {background-color: var(--color-neutral-100, #606162)}
4
+ .anv-themeprovider-core-dark .bg-inverted-default {background-color: var(--color-neutral-20, #fafafa)}
5
+ .anv-themeprovider-core-dark .bg-inverted-strong {background-color: var(--color-neutral-0, #ffffff)}
6
6
  .anv-themeprovider-core-dark .bg-overlay-active-danger {background-color: #ff745f40}
7
7
  .anv-themeprovider-core-dark .bg-overlay-active-default {background-color: #ffffff29}
8
8
  .anv-themeprovider-core-dark .bg-overlay-active-on-danger {background-color: #14141429}
@@ -15,36 +15,36 @@
15
15
  .anv-themeprovider-core-dark .bg-overlay-hover-on-default {background-color: #ffffff14}
16
16
  .anv-themeprovider-core-dark .bg-overlay-hover-on-primary {background-color: #ffffff29}
17
17
  .anv-themeprovider-core-dark .bg-overlay-hover-primary {background-color: #78bbfa1A}
18
- .anv-themeprovider-core-dark .bg-primary-default {background-color: var(--color-blue-300)}
18
+ .anv-themeprovider-core-dark .bg-primary-default {background-color: var(--color-blue-300, #78bbfa)}
19
19
  .anv-themeprovider-core-dark .bg-primary-subdued {background-color: #78bbfa33}
20
- .anv-themeprovider-core-dark .bg-status-danger {background-color: var(--color-red-300)}
21
- .anv-themeprovider-core-dark .bg-status-info {background-color: var(--color-blue-300)}
22
- .anv-themeprovider-core-dark .bg-status-success {background-color: var(--color-green-300)}
23
- .anv-themeprovider-core-dark .bg-status-warning {background-color: var(--color-yellow-300)}
24
- .anv-themeprovider-core-dark .bg-strong {background-color: var(--color-neutral-300)}
25
- .anv-themeprovider-core-dark .bg-stronger {background-color: var(--color-neutral-200)}
26
- .anv-themeprovider-core-dark .bg-strongest {background-color: var(--color-neutral-90)}
20
+ .anv-themeprovider-core-dark .bg-status-danger {background-color: var(--color-red-300, #ff745f)}
21
+ .anv-themeprovider-core-dark .bg-status-info {background-color: var(--color-blue-300, #78bbfa)}
22
+ .anv-themeprovider-core-dark .bg-status-success {background-color: var(--color-green-300, #49cc93)}
23
+ .anv-themeprovider-core-dark .bg-status-warning {background-color: var(--color-yellow-300, #ffe278)}
24
+ .anv-themeprovider-core-dark .bg-strong {background-color: var(--color-neutral-300, #2d2e31)}
25
+ .anv-themeprovider-core-dark .bg-stronger {background-color: var(--color-neutral-200, #444445)}
26
+ .anv-themeprovider-core-dark .bg-strongest {background-color: var(--color-neutral-90, #737475)}
27
27
  .anv-themeprovider-core-dark .bg-warning-default {background-color: #ffe278}
28
- .anv-themeprovider-core-dark .border-color-status-info {border-color: var(--color-blue-300)}
29
- .anv-themeprovider-core-dark .border-color-status-success {border-color: var(--color-green-300)}
30
- .anv-themeprovider-core-dark .border-color-status-warning {border-color: var(--color-yellow-300)}
28
+ .anv-themeprovider-core-dark .border-color-status-info {border-color: var(--color-blue-300, #78bbfa)}
29
+ .anv-themeprovider-core-dark .border-color-status-success {border-color: var(--color-green-300, #49cc93)}
30
+ .anv-themeprovider-core-dark .border-color-status-warning {border-color: var(--color-yellow-300, #ffe278)}
31
31
  .anv-themeprovider-core-dark .c-danger {color: #ff745f}
32
- .anv-themeprovider-core-dark .c-default {color: var(--color-neutral-0)}
33
- .anv-themeprovider-core-dark .c-inverted {color: var(--color-neutral-400)}
34
- .anv-themeprovider-core-dark .c-on-danger {color: var(--color-neutral-400)}
35
- .anv-themeprovider-core-dark .c-on-primary {color: var(--color-neutral-400)}
36
- .anv-themeprovider-core-dark .c-on-warning {color: var(--color-neutral-400)}
37
- .anv-themeprovider-core-dark .c-primary {color: var(--color-blue-300)}
38
- .anv-themeprovider-core-dark .c-status-danger {color: var(--color-red-300)}
39
- .anv-themeprovider-core-dark .c-status-info {color: var(--color-blue-300)}
40
- .anv-themeprovider-core-dark .c-status-success {color: var(--color-green-300)}
41
- .anv-themeprovider-core-dark .c-status-warning {color: var(--color-yellow-300)}
42
- .anv-themeprovider-core-dark .c-subdued {color: var(--color-neutral-70)}
43
- .bg-danger-default {background-color: var(--status-color-danger)}
44
- .bg-default {background-color: var(--color-neutral-0)}
45
- .bg-disabled {background-color: var(--color-neutral-100)}
46
- .bg-inverted-default {background-color: var(--color-neutral-300)}
47
- .bg-inverted-strong {background-color: var(--color-neutral-400)}
32
+ .anv-themeprovider-core-dark .c-default {color: var(--color-neutral-0, #ffffff)}
33
+ .anv-themeprovider-core-dark .c-inverted {color: var(--color-neutral-400, #141414)}
34
+ .anv-themeprovider-core-dark .c-on-danger {color: var(--color-neutral-400, #141414)}
35
+ .anv-themeprovider-core-dark .c-on-primary {color: var(--color-neutral-400, #141414)}
36
+ .anv-themeprovider-core-dark .c-on-warning {color: var(--color-neutral-400, #141414)}
37
+ .anv-themeprovider-core-dark .c-primary {color: var(--color-blue-300, #78bbfa)}
38
+ .anv-themeprovider-core-dark .c-status-danger {color: var(--color-red-300, #ff745f)}
39
+ .anv-themeprovider-core-dark .c-status-info {color: var(--color-blue-300, #78bbfa)}
40
+ .anv-themeprovider-core-dark .c-status-success {color: var(--color-green-300, #49cc93)}
41
+ .anv-themeprovider-core-dark .c-status-warning {color: var(--color-yellow-300, #ffe278)}
42
+ .anv-themeprovider-core-dark .c-subdued {color: var(--color-neutral-70, #bcbcbd)}
43
+ .bg-danger-default {background-color: var(--status-color-danger, #e13212)}
44
+ .bg-default {background-color: var(--color-neutral-0, #ffffff)}
45
+ .bg-disabled {background-color: var(--color-neutral-100, #606162)}
46
+ .bg-inverted-default {background-color: var(--color-neutral-300, #2d2e31)}
47
+ .bg-inverted-strong {background-color: var(--color-neutral-400, #141414)}
48
48
  .bg-overlay-active-danger {background-color: #e132124D}
49
49
  .bg-overlay-active-default {background-color: #14141429}
50
50
  .bg-overlay-active-on-danger {background-color: #14141429}
@@ -57,33 +57,33 @@
57
57
  .bg-overlay-hover-on-default {background-color: #14141414}
58
58
  .bg-overlay-hover-on-primary {background-color: #ffffff29}
59
59
  .bg-overlay-hover-primary {background-color: #0265dc1A}
60
- .bg-primary-default {background-color: var(--color-blue-500)}
61
- .bg-primary-subdued {background-color: var(--color-blue-100)}
62
- .bg-status-danger {background-color: var(--color-red-500)}
63
- .bg-status-info {background-color: var(--color-blue-500)}
64
- .bg-status-success {background-color: var(--color-green-500)}
65
- .bg-status-warning {background-color: var(--color-yellow-500)}
66
- .bg-strong {background-color: var(--color-neutral-30)}
67
- .bg-stronger {background-color: var(--color-neutral-50)}
68
- .bg-strongest {background-color: var(--color-neutral-70)}
69
- .bg-warning-default {background-color: var(--status-color-warning)}
70
- .border-color-danger {border-color: var(--status-color-danger)}
71
- .border-color-default {border-color: var(--color-neutral-80)}
72
- .border-color-primary {border-color: var(--status-color-info)}
73
- .border-color-status-info {border-color: var(--color-blue-500)}
74
- .border-color-status-success {border-color: var(--color-green-500)}
75
- .border-color-status-warning {border-color: var(--color-yellow-500)}
76
- .border-color-strong {border-color: var(--color-neutral-200)}
77
- .border-color-subdued {border-color: var(--color-neutral-60)}
78
- .c-danger {color: var(--status-color-danger)}
79
- .c-default {color: var(--color-neutral-400)}
80
- .c-inverted {color: var(--color-neutral-0)}
81
- .c-on-danger {color: var(--color-neutral-0)}
82
- .c-on-primary {color: var(--color-neutral-0)}
83
- .c-on-warning {color: var(--color-neutral-400)}
84
- .c-primary {color: var(--color-blue-500)}
85
- .c-status-danger {color: var(--color-red-500)}
86
- .c-status-info {color: var(--color-blue-500)}
87
- .c-status-success {color: var(--color-green-500)}
88
- .c-status-warning {color: var(--color-yellow-500)}
89
- .c-subdued {color: var(--color-neutral-90)}
60
+ .bg-primary-default {background-color: var(--color-blue-500, #0265dc)}
61
+ .bg-primary-subdued {background-color: var(--color-blue-100, #e0f2ff)}
62
+ .bg-status-danger {background-color: var(--color-red-500, #e13212)}
63
+ .bg-status-info {background-color: var(--color-blue-500, #0265dc)}
64
+ .bg-status-success {background-color: var(--color-green-500, #007a4d)}
65
+ .bg-status-warning {background-color: var(--color-yellow-500, #ffbe00)}
66
+ .bg-strong {background-color: var(--color-neutral-30, #f7f7f7)}
67
+ .bg-stronger {background-color: var(--color-neutral-50, #eeeeee)}
68
+ .bg-strongest {background-color: var(--color-neutral-70, #bcbcbd)}
69
+ .bg-warning-default {background-color: var(--status-color-warning, #ffbe00)}
70
+ .border-color-danger {border-color: var(--status-color-danger, #e13212)}
71
+ .border-color-default {border-color: var(--color-neutral-80, #949596)}
72
+ .border-color-primary {border-color: var(--status-color-info, #0265dc)}
73
+ .border-color-status-info {border-color: var(--color-blue-500, #0265dc)}
74
+ .border-color-status-success {border-color: var(--color-green-500, #007a4d)}
75
+ .border-color-status-warning {border-color: var(--color-yellow-500, #ffbe00)}
76
+ .border-color-strong {border-color: var(--color-neutral-200, #444445)}
77
+ .border-color-subdued {border-color: var(--color-neutral-60, #dfe0e1)}
78
+ .c-danger {color: var(--status-color-danger, #e13212)}
79
+ .c-default {color: var(--color-neutral-400, #141414)}
80
+ .c-inverted {color: var(--color-neutral-0, #ffffff)}
81
+ .c-on-danger {color: var(--color-neutral-0, #ffffff)}
82
+ .c-on-primary {color: var(--color-neutral-0, #ffffff)}
83
+ .c-on-warning {color: var(--color-neutral-400, #141414)}
84
+ .c-primary {color: var(--color-blue-500, #0265dc)}
85
+ .c-status-danger {color: var(--color-red-500, #e13212)}
86
+ .c-status-info {color: var(--color-blue-500, #0265dc)}
87
+ .c-status-success {color: var(--color-green-500, #007a4d)}
88
+ .c-status-warning {color: var(--color-yellow-500, #ffbe00)}
89
+ .c-subdued {color: var(--color-neutral-90, #737475)}
package/build/web/core/css-utils/font.css CHANGED
@@ -0,0 +1,21 @@
1
+ .ff-heading {font-family: var(--font-family-display, 'Sofia Pro', SofiaPro, sans-serif)}
2
+ .ff-label {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
3
+ .ff-paragraph {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
4
+ .fs-heading-default {font-size: var(--font-size-500, 1.25rem)}
5
+ .fs-heading-large {font-size: var(--font-size-600, 1.5rem)}
6
+ .fs-heading-small {font-size: var(--font-size-400, 1rem)}
7
+ .fs-heading-xlarge {font-size: var(--font-size-800, 2rem)}
8
+ .fs-heading-xsmall {font-size: var(--font-size-300, 0.875rem)}
9
+ .fs-label-default {font-size: var(--font-size-300, 0.875rem)}
10
+ .fs-label-large {font-size: var(--font-size-400, 1rem)}
11
+ .fs-label-small {font-size: var(--font-size-200, 0.75rem)}
12
+ .fs-label-xlarge {font-size: var(--font-size-500, 1.25rem)}
13
+ .fs-label-xsmall {font-size: var(--font-size-100, 0.625rem)}
14
+ .fs-paragraph-default {font-size: var(--font-size-400, 1rem)}
15
+ .fs-paragraph-large {font-size: var(--font-size-500, 1.25rem)}
16
+ .fs-paragraph-small {font-size: var(--font-size-300, 0.875rem)}
17
+ .fs-paragraph-xlarge {font-size: var(--font-size-600, 1.5rem)}
18
+ .fs-paragraph-xsmall {font-size: var(--font-size-200, 0.75rem)}
19
+ .fw-heading {font-weight: var(--font-weight-bold, 700)}
20
+ .fw-label {font-weight: var(--font-weight-semibold, 600)}
21
+ .fw-paragraph {font-weight: var(--font-weight-normal, 400)}
package/build/web/core/css-utils/spacing.css CHANGED
@@ -1,204 +1,204 @@
1
- .m-block-0 {margin-block: var(--size-0)}
2
- .m-block-1 {margin-block: var(--size-1)}
3
- .m-block-10 {margin-block: var(--size-10)}
4
- .m-block-11 {margin-block: var(--size-11)}
5
- .m-block-12 {margin-block: var(--size-12)}
6
- .m-block-13 {margin-block: var(--size-13)}
7
- .m-block-14 {margin-block: var(--size-14)}
8
- .m-block-2 {margin-block: var(--size-2)}
9
- .m-block-3 {margin-block: var(--size-3)}
10
- .m-block-4 {margin-block: var(--size-4)}
11
- .m-block-5 {margin-block: var(--size-5)}
12
- .m-block-6 {margin-block: var(--size-6)}
13
- .m-block-7 {margin-block: var(--size-7)}
14
- .m-block-8 {margin-block: var(--size-8)}
15
- .m-block-9 {margin-block: var(--size-9)}
16
- .m-block-end-0 {margin-block-end: var(--size-0)}
17
- .m-block-end-1 {margin-block-end: var(--size-1)}
18
- .m-block-end-10 {margin-block-end: var(--size-10)}
19
- .m-block-end-11 {margin-block-end: var(--size-11)}
20
- .m-block-end-12 {margin-block-end: var(--size-12)}
21
- .m-block-end-13 {margin-block-end: var(--size-13)}
22
- .m-block-end-14 {margin-block-end: var(--size-14)}
23
- .m-block-end-2 {margin-block-end: var(--size-2)}
24
- .m-block-end-3 {margin-block-end: var(--size-3)}
25
- .m-block-end-4 {margin-block-end: var(--size-4)}
26
- .m-block-end-5 {margin-block-end: var(--size-5)}
27
- .m-block-end-6 {margin-block-end: var(--size-6)}
28
- .m-block-end-7 {margin-block-end: var(--size-7)}
29
- .m-block-end-8 {margin-block-end: var(--size-8)}
30
- .m-block-end-9 {margin-block-end: var(--size-9)}
31
- .m-block-end-half {margin-block-end: var(--size-half)}
32
- .m-block-end-quarter {margin-block-end: var(--size-quarter)}
33
- .m-block-half {margin-block: var(--size-half)}
34
- .m-block-quarter {margin-block: var(--size-quarter)}
35
- .m-block-start-0 {margin-block-start: var(--size-0)}
36
- .m-block-start-1 {margin-block-start: var(--size-1)}
37
- .m-block-start-10 {margin-block-start: var(--size-10)}
38
- .m-block-start-11 {margin-block-start: var(--size-11)}
39
- .m-block-start-12 {margin-block-start: var(--size-12)}
40
- .m-block-start-13 {margin-block-start: var(--size-13)}
41
- .m-block-start-14 {margin-block-start: var(--size-14)}
42
- .m-block-start-2 {margin-block-start: var(--size-2)}
43
- .m-block-start-3 {margin-block-start: var(--size-3)}
44
- .m-block-start-4 {margin-block-start: var(--size-4)}
45
- .m-block-start-5 {margin-block-start: var(--size-5)}
46
- .m-block-start-6 {margin-block-start: var(--size-6)}
47
- .m-block-start-7 {margin-block-start: var(--size-7)}
48
- .m-block-start-8 {margin-block-start: var(--size-8)}
49
- .m-block-start-9 {margin-block-start: var(--size-9)}
50
- .m-block-start-half {margin-block-start: var(--size-half)}
51
- .m-block-start-quarter {margin-block-start: var(--size-quarter)}
52
- .m-inline-0 {margin-inline: var(--size-0)}
53
- .m-inline-1 {margin-inline: var(--size-1)}
54
- .m-inline-10 {margin-inline: var(--size-10)}
55
- .m-inline-11 {margin-inline: var(--size-11)}
56
- .m-inline-12 {margin-inline: var(--size-12)}
57
- .m-inline-13 {margin-inline: var(--size-13)}
58
- .m-inline-14 {margin-inline: var(--size-14)}
59
- .m-inline-2 {margin-inline: var(--size-2)}
60
- .m-inline-3 {margin-inline: var(--size-3)}
61
- .m-inline-4 {margin-inline: var(--size-4)}
62
- .m-inline-5 {margin-inline: var(--size-5)}
63
- .m-inline-6 {margin-inline: var(--size-6)}
64
- .m-inline-7 {margin-inline: var(--size-7)}
65
- .m-inline-8 {margin-inline: var(--size-8)}
66
- .m-inline-9 {margin-inline: var(--size-9)}
67
- .m-inline-end-0 {margin-inline-end: var(--size-0)}
68
- .m-inline-end-1 {margin-inline-end: var(--size-1)}
69
- .m-inline-end-10 {margin-inline-end: var(--size-10)}
70
- .m-inline-end-11 {margin-inline-end: var(--size-11)}
71
- .m-inline-end-12 {margin-inline-end: var(--size-12)}
72
- .m-inline-end-13 {margin-inline-end: var(--size-13)}
73
- .m-inline-end-14 {margin-inline-end: var(--size-14)}
74
- .m-inline-end-2 {margin-inline-end: var(--size-2)}
75
- .m-inline-end-3 {margin-inline-end: var(--size-3)}
76
- .m-inline-end-4 {margin-inline-end: var(--size-4)}
77
- .m-inline-end-5 {margin-inline-end: var(--size-5)}
78
- .m-inline-end-6 {margin-inline-end: var(--size-6)}
79
- .m-inline-end-7 {margin-inline-end: var(--size-7)}
80
- .m-inline-end-8 {margin-inline-end: var(--size-8)}
81
- .m-inline-end-9 {margin-inline-end: var(--size-9)}
82
- .m-inline-end-half {margin-inline-end: var(--size-half)}
83
- .m-inline-end-quarter {margin-inline-end: var(--size-quarter)}
84
- .m-inline-half {margin-inline: var(--size-half)}
85
- .m-inline-quarter {margin-inline: var(--size-quarter)}
86
- .m-inline-start-0 {margin-inline-start: var(--size-0)}
87
- .m-inline-start-1 {margin-inline-start: var(--size-1)}
88
- .m-inline-start-10 {margin-inline-start: var(--size-10)}
89
- .m-inline-start-11 {margin-inline-start: var(--size-11)}
90
- .m-inline-start-12 {margin-inline-start: var(--size-12)}
91
- .m-inline-start-13 {margin-inline-start: var(--size-13)}
92
- .m-inline-start-14 {margin-inline-start: var(--size-14)}
93
- .m-inline-start-2 {margin-inline-start: var(--size-2)}
94
- .m-inline-start-3 {margin-inline-start: var(--size-3)}
95
- .m-inline-start-4 {margin-inline-start: var(--size-4)}
96
- .m-inline-start-5 {margin-inline-start: var(--size-5)}
97
- .m-inline-start-6 {margin-inline-start: var(--size-6)}
98
- .m-inline-start-7 {margin-inline-start: var(--size-7)}
99
- .m-inline-start-8 {margin-inline-start: var(--size-8)}
100
- .m-inline-start-9 {margin-inline-start: var(--size-9)}
101
- .m-inline-start-half {margin-inline-start: var(--size-half)}
102
- .m-inline-start-quarter {margin-inline-start: var(--size-quarter)}
103
- .p-block-0 {padding-block: var(--size-0)}
104
- .p-block-1 {padding-block: var(--size-1)}
105
- .p-block-10 {padding-block: var(--size-10)}
106
- .p-block-11 {padding-block: var(--size-11)}
107
- .p-block-12 {padding-block: var(--size-12)}
108
- .p-block-13 {padding-block: var(--size-13)}
109
- .p-block-14 {padding-block: var(--size-14)}
110
- .p-block-2 {padding-block: var(--size-2)}
111
- .p-block-3 {padding-block: var(--size-3)}
112
- .p-block-4 {padding-block: var(--size-4)}
113
- .p-block-5 {padding-block: var(--size-5)}
114
- .p-block-6 {padding-block: var(--size-6)}
115
- .p-block-7 {padding-block: var(--size-7)}
116
- .p-block-8 {padding-block: var(--size-8)}
117
- .p-block-9 {padding-block: var(--size-9)}
118
- .p-block-end-0 {padding-block-end: var(--size-0)}
119
- .p-block-end-1 {padding-block-end: var(--size-1)}
120
- .p-block-end-10 {padding-block-end: var(--size-10)}
121
- .p-block-end-11 {padding-block-end: var(--size-11)}
122
- .p-block-end-12 {padding-block-end: var(--size-12)}
123
- .p-block-end-13 {padding-block-end: var(--size-13)}
124
- .p-block-end-14 {padding-block-end: var(--size-14)}
125
- .p-block-end-2 {padding-block-end: var(--size-2)}
126
- .p-block-end-3 {padding-block-end: var(--size-3)}
127
- .p-block-end-4 {padding-block-end: var(--size-4)}
128
- .p-block-end-5 {padding-block-end: var(--size-5)}
129
- .p-block-end-6 {padding-block-end: var(--size-6)}
130
- .p-block-end-7 {padding-block-end: var(--size-7)}
131
- .p-block-end-8 {padding-block-end: var(--size-8)}
132
- .p-block-end-9 {padding-block-end: var(--size-9)}
133
- .p-block-end-half {padding-block-end: var(--size-half)}
134
- .p-block-end-quarter {padding-block-end: var(--size-quarter)}
135
- .p-block-half {padding-block: var(--size-half)}
136
- .p-block-quarter {padding-block: var(--size-quarter)}
137
- .p-block-start-0 {padding-block-start: var(--size-0)}
138
- .p-block-start-1 {padding-block-start: var(--size-1)}
139
- .p-block-start-10 {padding-block-start: var(--size-10)}
140
- .p-block-start-11 {padding-block-start: var(--size-11)}
141
- .p-block-start-12 {padding-block-start: var(--size-12)}
142
- .p-block-start-13 {padding-block-start: var(--size-13)}
143
- .p-block-start-14 {padding-block-start: var(--size-14)}
144
- .p-block-start-2 {padding-block-start: var(--size-2)}
145
- .p-block-start-3 {padding-block-start: var(--size-3)}
146
- .p-block-start-4 {padding-block-start: var(--size-4)}
147
- .p-block-start-5 {padding-block-start: var(--size-5)}
148
- .p-block-start-6 {padding-block-start: var(--size-6)}
149
- .p-block-start-7 {padding-block-start: var(--size-7)}
150
- .p-block-start-8 {padding-block-start: var(--size-8)}
151
- .p-block-start-9 {padding-block-start: var(--size-9)}
152
- .p-block-start-half {padding-block-start: var(--size-half)}
153
- .p-block-start-quarter {padding-block-start: var(--size-quarter)}
154
- .p-inline-0 {padding-inline: var(--size-0)}
155
- .p-inline-1 {padding-inline: var(--size-1)}
156
- .p-inline-10 {padding-inline: var(--size-10)}
157
- .p-inline-11 {padding-inline: var(--size-11)}
158
- .p-inline-12 {padding-inline: var(--size-12)}
159
- .p-inline-13 {padding-inline: var(--size-13)}
160
- .p-inline-14 {padding-inline: var(--size-14)}
161
- .p-inline-2 {padding-inline: var(--size-2)}
162
- .p-inline-3 {padding-inline: var(--size-3)}
163
- .p-inline-4 {padding-inline: var(--size-4)}
164
- .p-inline-5 {padding-inline: var(--size-5)}
165
- .p-inline-6 {padding-inline: var(--size-6)}
166
- .p-inline-7 {padding-inline: var(--size-7)}
167
- .p-inline-8 {padding-inline: var(--size-8)}
168
- .p-inline-9 {padding-inline: var(--size-9)}
169
- .p-inline-end-0 {padding-inline-end: var(--size-0)}
170
- .p-inline-end-1 {padding-inline-end: var(--size-1)}
171
- .p-inline-end-10 {padding-inline-end: var(--size-10)}
172
- .p-inline-end-11 {padding-inline-end: var(--size-11)}
173
- .p-inline-end-12 {padding-inline-end: var(--size-12)}
174
- .p-inline-end-13 {padding-inline-end: var(--size-13)}
175
- .p-inline-end-14 {padding-inline-end: var(--size-14)}
176
- .p-inline-end-2 {padding-inline-end: var(--size-2)}
177
- .p-inline-end-3 {padding-inline-end: var(--size-3)}
178
- .p-inline-end-4 {padding-inline-end: var(--size-4)}
179
- .p-inline-end-5 {padding-inline-end: var(--size-5)}
180
- .p-inline-end-6 {padding-inline-end: var(--size-6)}
181
- .p-inline-end-7 {padding-inline-end: var(--size-7)}
182
- .p-inline-end-8 {padding-inline-end: var(--size-8)}
183
- .p-inline-end-9 {padding-inline-end: var(--size-9)}
184
- .p-inline-end-half {padding-inline-end: var(--size-half)}
185
- .p-inline-end-quarter {padding-inline-end: var(--size-quarter)}
186
- .p-inline-half {padding-inline: var(--size-half)}
187
- .p-inline-quarter {padding-inline: var(--size-quarter)}
188
- .p-inline-start-0 {padding-inline-start: var(--size-0)}
189
- .p-inline-start-1 {padding-inline-start: var(--size-1)}
190
- .p-inline-start-10 {padding-inline-start: var(--size-10)}
191
- .p-inline-start-11 {padding-inline-start: var(--size-11)}
192
- .p-inline-start-12 {padding-inline-start: var(--size-12)}
193
- .p-inline-start-13 {padding-inline-start: var(--size-13)}
194
- .p-inline-start-14 {padding-inline-start: var(--size-14)}
195
- .p-inline-start-2 {padding-inline-start: var(--size-2)}
196
- .p-inline-start-3 {padding-inline-start: var(--size-3)}
197
- .p-inline-start-4 {padding-inline-start: var(--size-4)}
198
- .p-inline-start-5 {padding-inline-start: var(--size-5)}
199
- .p-inline-start-6 {padding-inline-start: var(--size-6)}
200
- .p-inline-start-7 {padding-inline-start: var(--size-7)}
201
- .p-inline-start-8 {padding-inline-start: var(--size-8)}
202
- .p-inline-start-9 {padding-inline-start: var(--size-9)}
203
- .p-inline-start-half {padding-inline-start: var(--size-half)}
204
- .p-inline-start-quarter {padding-inline-start: var(--size-quarter)}
1
+ .m-block-0 {margin-block: var(--size-0, 0rem)}
2
+ .m-block-1 {margin-block: var(--size-1, 0.25rem)}
3
+ .m-block-10 {margin-block: var(--size-10, 2.5rem)}
4
+ .m-block-11 {margin-block: var(--size-11, 2.75rem)}
5
+ .m-block-12 {margin-block: var(--size-12, 3rem)}
6
+ .m-block-13 {margin-block: var(--size-13, 3.25rem)}
7
+ .m-block-14 {margin-block: var(--size-14, 3.5rem)}
8
+ .m-block-2 {margin-block: var(--size-2, 0.5rem)}
9
+ .m-block-3 {margin-block: var(--size-3, 0.75rem)}
10
+ .m-block-4 {margin-block: var(--size-4, 1rem)}
11
+ .m-block-5 {margin-block: var(--size-5, 1.25rem)}
12
+ .m-block-6 {margin-block: var(--size-6, 1.5rem)}
13
+ .m-block-7 {margin-block: var(--size-7, 1.75rem)}
14
+ .m-block-8 {margin-block: var(--size-8, 2rem)}
15
+ .m-block-9 {margin-block: var(--size-9, 2.25rem)}
16
+ .m-block-end-0 {margin-block-end: var(--size-0, 0rem)}
17
+ .m-block-end-1 {margin-block-end: var(--size-1, 0.25rem)}
18
+ .m-block-end-10 {margin-block-end: var(--size-10, 2.5rem)}
19
+ .m-block-end-11 {margin-block-end: var(--size-11, 2.75rem)}
20
+ .m-block-end-12 {margin-block-end: var(--size-12, 3rem)}
21
+ .m-block-end-13 {margin-block-end: var(--size-13, 3.25rem)}
22
+ .m-block-end-14 {margin-block-end: var(--size-14, 3.5rem)}
23
+ .m-block-end-2 {margin-block-end: var(--size-2, 0.5rem)}
24
+ .m-block-end-3 {margin-block-end: var(--size-3, 0.75rem)}
25
+ .m-block-end-4 {margin-block-end: var(--size-4, 1rem)}
26
+ .m-block-end-5 {margin-block-end: var(--size-5, 1.25rem)}
27
+ .m-block-end-6 {margin-block-end: var(--size-6, 1.5rem)}
28
+ .m-block-end-7 {margin-block-end: var(--size-7, 1.75rem)}
29
+ .m-block-end-8 {margin-block-end: var(--size-8, 2rem)}
30
+ .m-block-end-9 {margin-block-end: var(--size-9, 2.25rem)}
31
+ .m-block-end-half {margin-block-end: var(--size-half, 0.125rem)}
32
+ .m-block-end-quarter {margin-block-end: var(--size-quarter, 0.0625rem)}
33
+ .m-block-half {margin-block: var(--size-half, 0.125rem)}
34
+ .m-block-quarter {margin-block: var(--size-quarter, 0.0625rem)}
35
+ .m-block-start-0 {margin-block-start: var(--size-0, 0rem)}
36
+ .m-block-start-1 {margin-block-start: var(--size-1, 0.25rem)}
37
+ .m-block-start-10 {margin-block-start: var(--size-10, 2.5rem)}
38
+ .m-block-start-11 {margin-block-start: var(--size-11, 2.75rem)}
39
+ .m-block-start-12 {margin-block-start: var(--size-12, 3rem)}
40
+ .m-block-start-13 {margin-block-start: var(--size-13, 3.25rem)}
41
+ .m-block-start-14 {margin-block-start: var(--size-14, 3.5rem)}
42
+ .m-block-start-2 {margin-block-start: var(--size-2, 0.5rem)}
43
+ .m-block-start-3 {margin-block-start: var(--size-3, 0.75rem)}
44
+ .m-block-start-4 {margin-block-start: var(--size-4, 1rem)}
45
+ .m-block-start-5 {margin-block-start: var(--size-5, 1.25rem)}
46
+ .m-block-start-6 {margin-block-start: var(--size-6, 1.5rem)}
47
+ .m-block-start-7 {margin-block-start: var(--size-7, 1.75rem)}
48
+ .m-block-start-8 {margin-block-start: var(--size-8, 2rem)}
49
+ .m-block-start-9 {margin-block-start: var(--size-9, 2.25rem)}
50
+ .m-block-start-half {margin-block-start: var(--size-half, 0.125rem)}
51
+ .m-block-start-quarter {margin-block-start: var(--size-quarter, 0.0625rem)}
52
+ .m-inline-0 {margin-inline: var(--size-0, 0rem)}
53
+ .m-inline-1 {margin-inline: var(--size-1, 0.25rem)}
54
+ .m-inline-10 {margin-inline: var(--size-10, 2.5rem)}
55
+ .m-inline-11 {margin-inline: var(--size-11, 2.75rem)}
56
+ .m-inline-12 {margin-inline: var(--size-12, 3rem)}
57
+ .m-inline-13 {margin-inline: var(--size-13, 3.25rem)}
58
+ .m-inline-14 {margin-inline: var(--size-14, 3.5rem)}
59
+ .m-inline-2 {margin-inline: var(--size-2, 0.5rem)}
60
+ .m-inline-3 {margin-inline: var(--size-3, 0.75rem)}
61
+ .m-inline-4 {margin-inline: var(--size-4, 1rem)}
62
+ .m-inline-5 {margin-inline: var(--size-5, 1.25rem)}
63
+ .m-inline-6 {margin-inline: var(--size-6, 1.5rem)}
64
+ .m-inline-7 {margin-inline: var(--size-7, 1.75rem)}
65
+ .m-inline-8 {margin-inline: var(--size-8, 2rem)}
66
+ .m-inline-9 {margin-inline: var(--size-9, 2.25rem)}
67
+ .m-inline-end-0 {margin-inline-end: var(--size-0, 0rem)}
68
+ .m-inline-end-1 {margin-inline-end: var(--size-1, 0.25rem)}
69
+ .m-inline-end-10 {margin-inline-end: var(--size-10, 2.5rem)}
70
+ .m-inline-end-11 {margin-inline-end: var(--size-11, 2.75rem)}
71
+ .m-inline-end-12 {margin-inline-end: var(--size-12, 3rem)}
72
+ .m-inline-end-13 {margin-inline-end: var(--size-13, 3.25rem)}
73
+ .m-inline-end-14 {margin-inline-end: var(--size-14, 3.5rem)}
74
+ .m-inline-end-2 {margin-inline-end: var(--size-2, 0.5rem)}
75
+ .m-inline-end-3 {margin-inline-end: var(--size-3, 0.75rem)}
76
+ .m-inline-end-4 {margin-inline-end: var(--size-4, 1rem)}
77
+ .m-inline-end-5 {margin-inline-end: var(--size-5, 1.25rem)}
78
+ .m-inline-end-6 {margin-inline-end: var(--size-6, 1.5rem)}
79
+ .m-inline-end-7 {margin-inline-end: var(--size-7, 1.75rem)}
80
+ .m-inline-end-8 {margin-inline-end: var(--size-8, 2rem)}
81
+ .m-inline-end-9 {margin-inline-end: var(--size-9, 2.25rem)}
82
+ .m-inline-end-half {margin-inline-end: var(--size-half, 0.125rem)}
83
+ .m-inline-end-quarter {margin-inline-end: var(--size-quarter, 0.0625rem)}
84
+ .m-inline-half {margin-inline: var(--size-half, 0.125rem)}
85
+ .m-inline-quarter {margin-inline: var(--size-quarter, 0.0625rem)}
86
+ .m-inline-start-0 {margin-inline-start: var(--size-0, 0rem)}
87
+ .m-inline-start-1 {margin-inline-start: var(--size-1, 0.25rem)}
88
+ .m-inline-start-10 {margin-inline-start: var(--size-10, 2.5rem)}
89
+ .m-inline-start-11 {margin-inline-start: var(--size-11, 2.75rem)}
90
+ .m-inline-start-12 {margin-inline-start: var(--size-12, 3rem)}
91
+ .m-inline-start-13 {margin-inline-start: var(--size-13, 3.25rem)}
92
+ .m-inline-start-14 {margin-inline-start: var(--size-14, 3.5rem)}
93
+ .m-inline-start-2 {margin-inline-start: var(--size-2, 0.5rem)}
94
+ .m-inline-start-3 {margin-inline-start: var(--size-3, 0.75rem)}
95
+ .m-inline-start-4 {margin-inline-start: var(--size-4, 1rem)}
96
+ .m-inline-start-5 {margin-inline-start: var(--size-5, 1.25rem)}
97
+ .m-inline-start-6 {margin-inline-start: var(--size-6, 1.5rem)}
98
+ .m-inline-start-7 {margin-inline-start: var(--size-7, 1.75rem)}
99
+ .m-inline-start-8 {margin-inline-start: var(--size-8, 2rem)}
100
+ .m-inline-start-9 {margin-inline-start: var(--size-9, 2.25rem)}
101
+ .m-inline-start-half {margin-inline-start: var(--size-half, 0.125rem)}
102
+ .m-inline-start-quarter {margin-inline-start: var(--size-quarter, 0.0625rem)}
103
+ .p-block-0 {padding-block: var(--size-0, 0rem)}
104
+ .p-block-1 {padding-block: var(--size-1, 0.25rem)}
105
+ .p-block-10 {padding-block: var(--size-10, 2.5rem)}
106
+ .p-block-11 {padding-block: var(--size-11, 2.75rem)}
107
+ .p-block-12 {padding-block: var(--size-12, 3rem)}
108
+ .p-block-13 {padding-block: var(--size-13, 3.25rem)}
109
+ .p-block-14 {padding-block: var(--size-14, 3.5rem)}
110
+ .p-block-2 {padding-block: var(--size-2, 0.5rem)}
111
+ .p-block-3 {padding-block: var(--size-3, 0.75rem)}
112
+ .p-block-4 {padding-block: var(--size-4, 1rem)}
113
+ .p-block-5 {padding-block: var(--size-5, 1.25rem)}
114
+ .p-block-6 {padding-block: var(--size-6, 1.5rem)}
115
+ .p-block-7 {padding-block: var(--size-7, 1.75rem)}
116
+ .p-block-8 {padding-block: var(--size-8, 2rem)}
117
+ .p-block-9 {padding-block: var(--size-9, 2.25rem)}
118
+ .p-block-end-0 {padding-block-end: var(--size-0, 0rem)}
119
+ .p-block-end-1 {padding-block-end: var(--size-1, 0.25rem)}
120
+ .p-block-end-10 {padding-block-end: var(--size-10, 2.5rem)}
121
+ .p-block-end-11 {padding-block-end: var(--size-11, 2.75rem)}
122
+ .p-block-end-12 {padding-block-end: var(--size-12, 3rem)}
123
+ .p-block-end-13 {padding-block-end: var(--size-13, 3.25rem)}
124
+ .p-block-end-14 {padding-block-end: var(--size-14, 3.5rem)}
125
+ .p-block-end-2 {padding-block-end: var(--size-2, 0.5rem)}
126
+ .p-block-end-3 {padding-block-end: var(--size-3, 0.75rem)}
127
+ .p-block-end-4 {padding-block-end: var(--size-4, 1rem)}
128
+ .p-block-end-5 {padding-block-end: var(--size-5, 1.25rem)}
129
+ .p-block-end-6 {padding-block-end: var(--size-6, 1.5rem)}
130
+ .p-block-end-7 {padding-block-end: var(--size-7, 1.75rem)}
131
+ .p-block-end-8 {padding-block-end: var(--size-8, 2rem)}
132
+ .p-block-end-9 {padding-block-end: var(--size-9, 2.25rem)}
133
+ .p-block-end-half {padding-block-end: var(--size-half, 0.125rem)}
134
+ .p-block-end-quarter {padding-block-end: var(--size-quarter, 0.0625rem)}
135
+ .p-block-half {padding-block: var(--size-half, 0.125rem)}
136
+ .p-block-quarter {padding-block: var(--size-quarter, 0.0625rem)}
137
+ .p-block-start-0 {padding-block-start: var(--size-0, 0rem)}
138
+ .p-block-start-1 {padding-block-start: var(--size-1, 0.25rem)}
139
+ .p-block-start-10 {padding-block-start: var(--size-10, 2.5rem)}
140
+ .p-block-start-11 {padding-block-start: var(--size-11, 2.75rem)}
141
+ .p-block-start-12 {padding-block-start: var(--size-12, 3rem)}
142
+ .p-block-start-13 {padding-block-start: var(--size-13, 3.25rem)}
143
+ .p-block-start-14 {padding-block-start: var(--size-14, 3.5rem)}
144
+ .p-block-start-2 {padding-block-start: var(--size-2, 0.5rem)}
145
+ .p-block-start-3 {padding-block-start: var(--size-3, 0.75rem)}
146
+ .p-block-start-4 {padding-block-start: var(--size-4, 1rem)}
147
+ .p-block-start-5 {padding-block-start: var(--size-5, 1.25rem)}
148
+ .p-block-start-6 {padding-block-start: var(--size-6, 1.5rem)}
149
+ .p-block-start-7 {padding-block-start: var(--size-7, 1.75rem)}
150
+ .p-block-start-8 {padding-block-start: var(--size-8, 2rem)}
151
+ .p-block-start-9 {padding-block-start: var(--size-9, 2.25rem)}
152
+ .p-block-start-half {padding-block-start: var(--size-half, 0.125rem)}
153
+ .p-block-start-quarter {padding-block-start: var(--size-quarter, 0.0625rem)}
154
+ .p-inline-0 {padding-inline: var(--size-0, 0rem)}
155
+ .p-inline-1 {padding-inline: var(--size-1, 0.25rem)}
156
+ .p-inline-10 {padding-inline: var(--size-10, 2.5rem)}
157
+ .p-inline-11 {padding-inline: var(--size-11, 2.75rem)}
158
+ .p-inline-12 {padding-inline: var(--size-12, 3rem)}
159
+ .p-inline-13 {padding-inline: var(--size-13, 3.25rem)}
160
+ .p-inline-14 {padding-inline: var(--size-14, 3.5rem)}
161
+ .p-inline-2 {padding-inline: var(--size-2, 0.5rem)}
162
+ .p-inline-3 {padding-inline: var(--size-3, 0.75rem)}
163
+ .p-inline-4 {padding-inline: var(--size-4, 1rem)}
164
+ .p-inline-5 {padding-inline: var(--size-5, 1.25rem)}
165
+ .p-inline-6 {padding-inline: var(--size-6, 1.5rem)}
166
+ .p-inline-7 {padding-inline: var(--size-7, 1.75rem)}
167
+ .p-inline-8 {padding-inline: var(--size-8, 2rem)}
168
+ .p-inline-9 {padding-inline: var(--size-9, 2.25rem)}
169
+ .p-inline-end-0 {padding-inline-end: var(--size-0, 0rem)}
170
+ .p-inline-end-1 {padding-inline-end: var(--size-1, 0.25rem)}
171
+ .p-inline-end-10 {padding-inline-end: var(--size-10, 2.5rem)}
172
+ .p-inline-end-11 {padding-inline-end: var(--size-11, 2.75rem)}
173
+ .p-inline-end-12 {padding-inline-end: var(--size-12, 3rem)}
174
+ .p-inline-end-13 {padding-inline-end: var(--size-13, 3.25rem)}
175
+ .p-inline-end-14 {padding-inline-end: var(--size-14, 3.5rem)}
176
+ .p-inline-end-2 {padding-inline-end: var(--size-2, 0.5rem)}
177
+ .p-inline-end-3 {padding-inline-end: var(--size-3, 0.75rem)}
178
+ .p-inline-end-4 {padding-inline-end: var(--size-4, 1rem)}
179
+ .p-inline-end-5 {padding-inline-end: var(--size-5, 1.25rem)}
180
+ .p-inline-end-6 {padding-inline-end: var(--size-6, 1.5rem)}
181
+ .p-inline-end-7 {padding-inline-end: var(--size-7, 1.75rem)}
182
+ .p-inline-end-8 {padding-inline-end: var(--size-8, 2rem)}
183
+ .p-inline-end-9 {padding-inline-end: var(--size-9, 2.25rem)}
184
+ .p-inline-end-half {padding-inline-end: var(--size-half, 0.125rem)}
185
+ .p-inline-end-quarter {padding-inline-end: var(--size-quarter, 0.0625rem)}
186
+ .p-inline-half {padding-inline: var(--size-half, 0.125rem)}
187
+ .p-inline-quarter {padding-inline: var(--size-quarter, 0.0625rem)}
188
+ .p-inline-start-0 {padding-inline-start: var(--size-0, 0rem)}
189
+ .p-inline-start-1 {padding-inline-start: var(--size-1, 0.25rem)}
190
+ .p-inline-start-10 {padding-inline-start: var(--size-10, 2.5rem)}
191
+ .p-inline-start-11 {padding-inline-start: var(--size-11, 2.75rem)}
192
+ .p-inline-start-12 {padding-inline-start: var(--size-12, 3rem)}
193
+ .p-inline-start-13 {padding-inline-start: var(--size-13, 3.25rem)}
194
+ .p-inline-start-14 {padding-inline-start: var(--size-14, 3.5rem)}
195
+ .p-inline-start-2 {padding-inline-start: var(--size-2, 0.5rem)}
196
+ .p-inline-start-3 {padding-inline-start: var(--size-3, 0.75rem)}
197
+ .p-inline-start-4 {padding-inline-start: var(--size-4, 1rem)}
198
+ .p-inline-start-5 {padding-inline-start: var(--size-5, 1.25rem)}
199
+ .p-inline-start-6 {padding-inline-start: var(--size-6, 1.5rem)}
200
+ .p-inline-start-7 {padding-inline-start: var(--size-7, 1.75rem)}
201
+ .p-inline-start-8 {padding-inline-start: var(--size-8, 2rem)}
202
+ .p-inline-start-9 {padding-inline-start: var(--size-9, 2.25rem)}
203
+ .p-inline-start-half {padding-inline-start: var(--size-half, 0.125rem)}
204
+ .p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}