@servicetitan/hammer-token 0.0.0-themeprovider-refactor.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +28 -0
- package/.turbo/turbo-lint.log +4 -0
- package/CHANGELOG.md +260 -0
- package/build/web/core/css-utils/border.css +13 -0
- package/build/web/core/css-utils/color.css +89 -0
- package/build/web/core/css-utils/font.css +21 -0
- package/build/web/core/css-utils/spacing.css +204 -0
- package/build/web/core/css-utils/utils.css +322 -0
- package/build/web/core/index.js +4 -0
- package/build/web/core/primitive.js +115 -0
- package/build/web/core/primitive.scss +115 -0
- package/build/web/core/raw.js +125 -0
- package/build/web/core/semantic-variables.scss +150 -0
- package/build/web/core/semantic.js +463 -0
- package/build/web/core/semantic.scss +76 -0
- package/build/web/index.d.ts +4 -0
- package/build/web/index.js +3 -0
- package/config.js +345 -0
- package/package.json +25 -0
- package/src/global/primitive/breakpoint.json +19 -0
- package/src/global/primitive/color.json +231 -0
- package/src/global/primitive/duration.json +16 -0
- package/src/global/primitive/font.json +60 -0
- package/src/global/primitive/size.json +55 -0
- package/src/global/primitive/transition.json +16 -0
- package/src/theme/core/background.json +144 -0
- package/src/theme/core/border.json +84 -0
- package/src/theme/core/focus.json +31 -0
- package/src/theme/core/foreground.json +88 -0
- package/src/theme/core/overlay.json +134 -0
- package/src/theme/core/shadow.json +25 -0
- package/src/theme/core/status.json +46 -0
- package/src/theme/core/typography.json +79 -0
- package/src/utils/copy-css-utils-cli.js +49 -0
- package/src/utils/css-utils-format-utils.js +185 -0
- package/test.txt +1 -0
- package/type/types.ts +215 -0
|
@@ -0,0 +1,322 @@
|
|
|
1
|
+
.bg-danger-default {background-color: var(--status-color-danger, #e13212)}
|
|
2
|
+
.bg-default {background-color: var(--color-neutral-0, #ffffff)}
|
|
3
|
+
.bg-disabled {background-color: var(--color-neutral-100, #606162)}
|
|
4
|
+
.bg-inverted-default {background-color: var(--color-neutral-300, #2d2e31)}
|
|
5
|
+
.bg-inverted-strong {background-color: var(--color-neutral-400, #141414)}
|
|
6
|
+
.bg-overlay-active-danger {background-color: #e132124D}
|
|
7
|
+
.bg-overlay-active-default {background-color: #14141429}
|
|
8
|
+
.bg-overlay-active-on-danger {background-color: #14141429}
|
|
9
|
+
.bg-overlay-active-on-default {background-color: #14141429}
|
|
10
|
+
.bg-overlay-active-on-primary {background-color: #14141429}
|
|
11
|
+
.bg-overlay-active-primary {background-color: #0265dc4D}
|
|
12
|
+
.bg-overlay-hover-danger {background-color: #e132121A}
|
|
13
|
+
.bg-overlay-hover-default {background-color: #14141414}
|
|
14
|
+
.bg-overlay-hover-on-danger {background-color: #ffffff29}
|
|
15
|
+
.bg-overlay-hover-on-default {background-color: #14141414}
|
|
16
|
+
.bg-overlay-hover-on-primary {background-color: #ffffff29}
|
|
17
|
+
.bg-overlay-hover-primary {background-color: #0265dc1A}
|
|
18
|
+
.bg-primary-default {background-color: var(--color-blue-500, #0265dc)}
|
|
19
|
+
.bg-primary-subdued {background-color: var(--color-blue-100, #e0f2ff)}
|
|
20
|
+
.bg-status-danger {background-color: var(--color-red-500, #e13212)}
|
|
21
|
+
.bg-status-info {background-color: var(--color-blue-500, #0265dc)}
|
|
22
|
+
.bg-status-success {background-color: var(--color-green-500, #007a4d)}
|
|
23
|
+
.bg-status-warning {background-color: var(--color-yellow-500, #ffbe00)}
|
|
24
|
+
.bg-strong {background-color: var(--color-neutral-30, #f7f7f7)}
|
|
25
|
+
.bg-stronger {background-color: var(--color-neutral-50, #eeeeee)}
|
|
26
|
+
.bg-strongest {background-color: var(--color-neutral-70, #bcbcbd)}
|
|
27
|
+
.bg-warning-default {background-color: var(--status-color-warning, #ffbe00)}
|
|
28
|
+
.border-color-danger {border-color: var(--status-color-danger, #e13212)}
|
|
29
|
+
.border-color-default {border-color: var(--color-neutral-80, #949596)}
|
|
30
|
+
.border-color-primary {border-color: var(--status-color-info, #0265dc)}
|
|
31
|
+
.border-color-status-info {border-color: var(--color-blue-500, #0265dc)}
|
|
32
|
+
.border-color-status-success {border-color: var(--color-green-500, #007a4d)}
|
|
33
|
+
.border-color-status-warning {border-color: var(--color-yellow-500, #ffbe00)}
|
|
34
|
+
.border-color-strong {border-color: var(--color-neutral-200, #444445)}
|
|
35
|
+
.border-color-subdued {border-color: var(--color-neutral-60, #dfe0e1)}
|
|
36
|
+
.border-radius-circular {border-radius: 100%}
|
|
37
|
+
.border-radius-none {border-radius: var(--size-0, 0rem)}
|
|
38
|
+
.border-radius-pill {border-radius: 500px}
|
|
39
|
+
.border-radius-rounded {border-radius: 0.375rem}
|
|
40
|
+
.border-radius-rounded-strong {border-radius: 1rem}
|
|
41
|
+
.border-width-default {border-width: var(--size-quarter, 0.0625rem)}
|
|
42
|
+
.border-width-none {border-width: var(--size-0, 0rem)}
|
|
43
|
+
.border-width-strong {border-width: var(--size-half, 0.125rem)}
|
|
44
|
+
.c-danger {color: var(--status-color-danger, #e13212)}
|
|
45
|
+
.c-default {color: var(--color-neutral-400, #141414)}
|
|
46
|
+
.c-inverted {color: var(--color-neutral-0, #ffffff)}
|
|
47
|
+
.c-on-danger {color: var(--color-neutral-0, #ffffff)}
|
|
48
|
+
.c-on-primary {color: var(--color-neutral-0, #ffffff)}
|
|
49
|
+
.c-on-warning {color: var(--color-neutral-400, #141414)}
|
|
50
|
+
.c-primary {color: var(--color-blue-500, #0265dc)}
|
|
51
|
+
.c-status-danger {color: var(--color-red-500, #e13212)}
|
|
52
|
+
.c-status-info {color: var(--color-blue-500, #0265dc)}
|
|
53
|
+
.c-status-success {color: var(--color-green-500, #007a4d)}
|
|
54
|
+
.c-status-warning {color: var(--color-yellow-500, #ffbe00)}
|
|
55
|
+
.c-subdued {color: var(--color-neutral-90, #737475)}
|
|
56
|
+
.ff-heading {font-family: var(--font-family-display, 'Sofia Pro', SofiaPro, sans-serif)}
|
|
57
|
+
.ff-label {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
|
|
58
|
+
.ff-paragraph {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
|
|
59
|
+
.fs-heading-default {font-size: var(--font-size-500, 1.25rem)}
|
|
60
|
+
.fs-heading-large {font-size: var(--font-size-600, 1.5rem)}
|
|
61
|
+
.fs-heading-small {font-size: var(--font-size-400, 1rem)}
|
|
62
|
+
.fs-heading-xlarge {font-size: var(--font-size-800, 2rem)}
|
|
63
|
+
.fs-heading-xsmall {font-size: var(--font-size-300, 0.875rem)}
|
|
64
|
+
.fs-label-default {font-size: var(--font-size-300, 0.875rem)}
|
|
65
|
+
.fs-label-large {font-size: var(--font-size-400, 1rem)}
|
|
66
|
+
.fs-label-small {font-size: var(--font-size-200, 0.75rem)}
|
|
67
|
+
.fs-label-xlarge {font-size: var(--font-size-500, 1.25rem)}
|
|
68
|
+
.fs-label-xsmall {font-size: var(--font-size-100, 0.625rem)}
|
|
69
|
+
.fs-paragraph-default {font-size: var(--font-size-400, 1rem)}
|
|
70
|
+
.fs-paragraph-large {font-size: var(--font-size-500, 1.25rem)}
|
|
71
|
+
.fs-paragraph-small {font-size: var(--font-size-300, 0.875rem)}
|
|
72
|
+
.fs-paragraph-xlarge {font-size: var(--font-size-600, 1.5rem)}
|
|
73
|
+
.fs-paragraph-xsmall {font-size: var(--font-size-200, 0.75rem)}
|
|
74
|
+
.fw-heading {font-weight: var(--font-weight-bold, 700)}
|
|
75
|
+
.fw-label {font-weight: var(--font-weight-semibold, 600)}
|
|
76
|
+
.fw-paragraph {font-weight: var(--font-weight-normal, 400)}
|
|
77
|
+
.hammer-themeprovider-core-dark .bg-danger-default {background-color: #ff745f}
|
|
78
|
+
.hammer-themeprovider-core-dark .bg-default {background-color: var(--color-neutral-400, #141414)}
|
|
79
|
+
.hammer-themeprovider-core-dark .bg-disabled {background-color: var(--color-neutral-100, #606162)}
|
|
80
|
+
.hammer-themeprovider-core-dark .bg-inverted-default {background-color: var(--color-neutral-20, #fafafa)}
|
|
81
|
+
.hammer-themeprovider-core-dark .bg-inverted-strong {background-color: var(--color-neutral-0, #ffffff)}
|
|
82
|
+
.hammer-themeprovider-core-dark .bg-overlay-active-danger {background-color: #ff745f40}
|
|
83
|
+
.hammer-themeprovider-core-dark .bg-overlay-active-default {background-color: #ffffff29}
|
|
84
|
+
.hammer-themeprovider-core-dark .bg-overlay-active-on-danger {background-color: #14141429}
|
|
85
|
+
.hammer-themeprovider-core-dark .bg-overlay-active-on-default {background-color: #14141429}
|
|
86
|
+
.hammer-themeprovider-core-dark .bg-overlay-active-on-primary {background-color: #14141429}
|
|
87
|
+
.hammer-themeprovider-core-dark .bg-overlay-active-primary {background-color: #78bbfa40}
|
|
88
|
+
.hammer-themeprovider-core-dark .bg-overlay-hover-danger {background-color: #ff745f1A}
|
|
89
|
+
.hammer-themeprovider-core-dark .bg-overlay-hover-default {background-color: #ffffff14}
|
|
90
|
+
.hammer-themeprovider-core-dark .bg-overlay-hover-on-danger {background-color: #ffffff29}
|
|
91
|
+
.hammer-themeprovider-core-dark .bg-overlay-hover-on-default {background-color: #ffffff14}
|
|
92
|
+
.hammer-themeprovider-core-dark .bg-overlay-hover-on-primary {background-color: #ffffff29}
|
|
93
|
+
.hammer-themeprovider-core-dark .bg-overlay-hover-primary {background-color: #78bbfa1A}
|
|
94
|
+
.hammer-themeprovider-core-dark .bg-primary-default {background-color: var(--color-blue-300, #78bbfa)}
|
|
95
|
+
.hammer-themeprovider-core-dark .bg-primary-subdued {background-color: #78bbfa33}
|
|
96
|
+
.hammer-themeprovider-core-dark .bg-status-danger {background-color: var(--color-red-300, #ff745f)}
|
|
97
|
+
.hammer-themeprovider-core-dark .bg-status-info {background-color: var(--color-blue-300, #78bbfa)}
|
|
98
|
+
.hammer-themeprovider-core-dark .bg-status-success {background-color: var(--color-green-300, #49cc93)}
|
|
99
|
+
.hammer-themeprovider-core-dark .bg-status-warning {background-color: var(--color-yellow-300, #ffe278)}
|
|
100
|
+
.hammer-themeprovider-core-dark .bg-strong {background-color: var(--color-neutral-300, #2d2e31)}
|
|
101
|
+
.hammer-themeprovider-core-dark .bg-stronger {background-color: var(--color-neutral-200, #444445)}
|
|
102
|
+
.hammer-themeprovider-core-dark .bg-strongest {background-color: var(--color-neutral-90, #737475)}
|
|
103
|
+
.hammer-themeprovider-core-dark .bg-warning-default {background-color: #ffe278}
|
|
104
|
+
.hammer-themeprovider-core-dark .border-color-status-info {border-color: var(--color-blue-300, #78bbfa)}
|
|
105
|
+
.hammer-themeprovider-core-dark .border-color-status-success {border-color: var(--color-green-300, #49cc93)}
|
|
106
|
+
.hammer-themeprovider-core-dark .border-color-status-warning {border-color: var(--color-yellow-300, #ffe278)}
|
|
107
|
+
.hammer-themeprovider-core-dark .c-danger {color: #ff745f}
|
|
108
|
+
.hammer-themeprovider-core-dark .c-default {color: var(--color-neutral-0, #ffffff)}
|
|
109
|
+
.hammer-themeprovider-core-dark .c-inverted {color: var(--color-neutral-400, #141414)}
|
|
110
|
+
.hammer-themeprovider-core-dark .c-on-danger {color: var(--color-neutral-400, #141414)}
|
|
111
|
+
.hammer-themeprovider-core-dark .c-on-primary {color: var(--color-neutral-400, #141414)}
|
|
112
|
+
.hammer-themeprovider-core-dark .c-on-warning {color: var(--color-neutral-400, #141414)}
|
|
113
|
+
.hammer-themeprovider-core-dark .c-primary {color: var(--color-blue-300, #78bbfa)}
|
|
114
|
+
.hammer-themeprovider-core-dark .c-status-danger {color: var(--color-red-300, #ff745f)}
|
|
115
|
+
.hammer-themeprovider-core-dark .c-status-info {color: var(--color-blue-300, #78bbfa)}
|
|
116
|
+
.hammer-themeprovider-core-dark .c-status-success {color: var(--color-green-300, #49cc93)}
|
|
117
|
+
.hammer-themeprovider-core-dark .c-status-warning {color: var(--color-yellow-300, #ffe278)}
|
|
118
|
+
.hammer-themeprovider-core-dark .c-subdued {color: var(--color-neutral-70, #bcbcbd)}
|
|
119
|
+
.m-block-0 {margin-block: var(--size-0, 0rem)}
|
|
120
|
+
.m-block-1 {margin-block: var(--size-1, 0.25rem)}
|
|
121
|
+
.m-block-10 {margin-block: var(--size-10, 2.5rem)}
|
|
122
|
+
.m-block-11 {margin-block: var(--size-11, 2.75rem)}
|
|
123
|
+
.m-block-12 {margin-block: var(--size-12, 3rem)}
|
|
124
|
+
.m-block-13 {margin-block: var(--size-13, 3.25rem)}
|
|
125
|
+
.m-block-14 {margin-block: var(--size-14, 3.5rem)}
|
|
126
|
+
.m-block-2 {margin-block: var(--size-2, 0.5rem)}
|
|
127
|
+
.m-block-3 {margin-block: var(--size-3, 0.75rem)}
|
|
128
|
+
.m-block-4 {margin-block: var(--size-4, 1rem)}
|
|
129
|
+
.m-block-5 {margin-block: var(--size-5, 1.25rem)}
|
|
130
|
+
.m-block-6 {margin-block: var(--size-6, 1.5rem)}
|
|
131
|
+
.m-block-7 {margin-block: var(--size-7, 1.75rem)}
|
|
132
|
+
.m-block-8 {margin-block: var(--size-8, 2rem)}
|
|
133
|
+
.m-block-9 {margin-block: var(--size-9, 2.25rem)}
|
|
134
|
+
.m-block-end-0 {margin-block-end: var(--size-0, 0rem)}
|
|
135
|
+
.m-block-end-1 {margin-block-end: var(--size-1, 0.25rem)}
|
|
136
|
+
.m-block-end-10 {margin-block-end: var(--size-10, 2.5rem)}
|
|
137
|
+
.m-block-end-11 {margin-block-end: var(--size-11, 2.75rem)}
|
|
138
|
+
.m-block-end-12 {margin-block-end: var(--size-12, 3rem)}
|
|
139
|
+
.m-block-end-13 {margin-block-end: var(--size-13, 3.25rem)}
|
|
140
|
+
.m-block-end-14 {margin-block-end: var(--size-14, 3.5rem)}
|
|
141
|
+
.m-block-end-2 {margin-block-end: var(--size-2, 0.5rem)}
|
|
142
|
+
.m-block-end-3 {margin-block-end: var(--size-3, 0.75rem)}
|
|
143
|
+
.m-block-end-4 {margin-block-end: var(--size-4, 1rem)}
|
|
144
|
+
.m-block-end-5 {margin-block-end: var(--size-5, 1.25rem)}
|
|
145
|
+
.m-block-end-6 {margin-block-end: var(--size-6, 1.5rem)}
|
|
146
|
+
.m-block-end-7 {margin-block-end: var(--size-7, 1.75rem)}
|
|
147
|
+
.m-block-end-8 {margin-block-end: var(--size-8, 2rem)}
|
|
148
|
+
.m-block-end-9 {margin-block-end: var(--size-9, 2.25rem)}
|
|
149
|
+
.m-block-end-half {margin-block-end: var(--size-half, 0.125rem)}
|
|
150
|
+
.m-block-end-quarter {margin-block-end: var(--size-quarter, 0.0625rem)}
|
|
151
|
+
.m-block-half {margin-block: var(--size-half, 0.125rem)}
|
|
152
|
+
.m-block-quarter {margin-block: var(--size-quarter, 0.0625rem)}
|
|
153
|
+
.m-block-start-0 {margin-block-start: var(--size-0, 0rem)}
|
|
154
|
+
.m-block-start-1 {margin-block-start: var(--size-1, 0.25rem)}
|
|
155
|
+
.m-block-start-10 {margin-block-start: var(--size-10, 2.5rem)}
|
|
156
|
+
.m-block-start-11 {margin-block-start: var(--size-11, 2.75rem)}
|
|
157
|
+
.m-block-start-12 {margin-block-start: var(--size-12, 3rem)}
|
|
158
|
+
.m-block-start-13 {margin-block-start: var(--size-13, 3.25rem)}
|
|
159
|
+
.m-block-start-14 {margin-block-start: var(--size-14, 3.5rem)}
|
|
160
|
+
.m-block-start-2 {margin-block-start: var(--size-2, 0.5rem)}
|
|
161
|
+
.m-block-start-3 {margin-block-start: var(--size-3, 0.75rem)}
|
|
162
|
+
.m-block-start-4 {margin-block-start: var(--size-4, 1rem)}
|
|
163
|
+
.m-block-start-5 {margin-block-start: var(--size-5, 1.25rem)}
|
|
164
|
+
.m-block-start-6 {margin-block-start: var(--size-6, 1.5rem)}
|
|
165
|
+
.m-block-start-7 {margin-block-start: var(--size-7, 1.75rem)}
|
|
166
|
+
.m-block-start-8 {margin-block-start: var(--size-8, 2rem)}
|
|
167
|
+
.m-block-start-9 {margin-block-start: var(--size-9, 2.25rem)}
|
|
168
|
+
.m-block-start-half {margin-block-start: var(--size-half, 0.125rem)}
|
|
169
|
+
.m-block-start-quarter {margin-block-start: var(--size-quarter, 0.0625rem)}
|
|
170
|
+
.m-inline-0 {margin-inline: var(--size-0, 0rem)}
|
|
171
|
+
.m-inline-1 {margin-inline: var(--size-1, 0.25rem)}
|
|
172
|
+
.m-inline-10 {margin-inline: var(--size-10, 2.5rem)}
|
|
173
|
+
.m-inline-11 {margin-inline: var(--size-11, 2.75rem)}
|
|
174
|
+
.m-inline-12 {margin-inline: var(--size-12, 3rem)}
|
|
175
|
+
.m-inline-13 {margin-inline: var(--size-13, 3.25rem)}
|
|
176
|
+
.m-inline-14 {margin-inline: var(--size-14, 3.5rem)}
|
|
177
|
+
.m-inline-2 {margin-inline: var(--size-2, 0.5rem)}
|
|
178
|
+
.m-inline-3 {margin-inline: var(--size-3, 0.75rem)}
|
|
179
|
+
.m-inline-4 {margin-inline: var(--size-4, 1rem)}
|
|
180
|
+
.m-inline-5 {margin-inline: var(--size-5, 1.25rem)}
|
|
181
|
+
.m-inline-6 {margin-inline: var(--size-6, 1.5rem)}
|
|
182
|
+
.m-inline-7 {margin-inline: var(--size-7, 1.75rem)}
|
|
183
|
+
.m-inline-8 {margin-inline: var(--size-8, 2rem)}
|
|
184
|
+
.m-inline-9 {margin-inline: var(--size-9, 2.25rem)}
|
|
185
|
+
.m-inline-end-0 {margin-inline-end: var(--size-0, 0rem)}
|
|
186
|
+
.m-inline-end-1 {margin-inline-end: var(--size-1, 0.25rem)}
|
|
187
|
+
.m-inline-end-10 {margin-inline-end: var(--size-10, 2.5rem)}
|
|
188
|
+
.m-inline-end-11 {margin-inline-end: var(--size-11, 2.75rem)}
|
|
189
|
+
.m-inline-end-12 {margin-inline-end: var(--size-12, 3rem)}
|
|
190
|
+
.m-inline-end-13 {margin-inline-end: var(--size-13, 3.25rem)}
|
|
191
|
+
.m-inline-end-14 {margin-inline-end: var(--size-14, 3.5rem)}
|
|
192
|
+
.m-inline-end-2 {margin-inline-end: var(--size-2, 0.5rem)}
|
|
193
|
+
.m-inline-end-3 {margin-inline-end: var(--size-3, 0.75rem)}
|
|
194
|
+
.m-inline-end-4 {margin-inline-end: var(--size-4, 1rem)}
|
|
195
|
+
.m-inline-end-5 {margin-inline-end: var(--size-5, 1.25rem)}
|
|
196
|
+
.m-inline-end-6 {margin-inline-end: var(--size-6, 1.5rem)}
|
|
197
|
+
.m-inline-end-7 {margin-inline-end: var(--size-7, 1.75rem)}
|
|
198
|
+
.m-inline-end-8 {margin-inline-end: var(--size-8, 2rem)}
|
|
199
|
+
.m-inline-end-9 {margin-inline-end: var(--size-9, 2.25rem)}
|
|
200
|
+
.m-inline-end-half {margin-inline-end: var(--size-half, 0.125rem)}
|
|
201
|
+
.m-inline-end-quarter {margin-inline-end: var(--size-quarter, 0.0625rem)}
|
|
202
|
+
.m-inline-half {margin-inline: var(--size-half, 0.125rem)}
|
|
203
|
+
.m-inline-quarter {margin-inline: var(--size-quarter, 0.0625rem)}
|
|
204
|
+
.m-inline-start-0 {margin-inline-start: var(--size-0, 0rem)}
|
|
205
|
+
.m-inline-start-1 {margin-inline-start: var(--size-1, 0.25rem)}
|
|
206
|
+
.m-inline-start-10 {margin-inline-start: var(--size-10, 2.5rem)}
|
|
207
|
+
.m-inline-start-11 {margin-inline-start: var(--size-11, 2.75rem)}
|
|
208
|
+
.m-inline-start-12 {margin-inline-start: var(--size-12, 3rem)}
|
|
209
|
+
.m-inline-start-13 {margin-inline-start: var(--size-13, 3.25rem)}
|
|
210
|
+
.m-inline-start-14 {margin-inline-start: var(--size-14, 3.5rem)}
|
|
211
|
+
.m-inline-start-2 {margin-inline-start: var(--size-2, 0.5rem)}
|
|
212
|
+
.m-inline-start-3 {margin-inline-start: var(--size-3, 0.75rem)}
|
|
213
|
+
.m-inline-start-4 {margin-inline-start: var(--size-4, 1rem)}
|
|
214
|
+
.m-inline-start-5 {margin-inline-start: var(--size-5, 1.25rem)}
|
|
215
|
+
.m-inline-start-6 {margin-inline-start: var(--size-6, 1.5rem)}
|
|
216
|
+
.m-inline-start-7 {margin-inline-start: var(--size-7, 1.75rem)}
|
|
217
|
+
.m-inline-start-8 {margin-inline-start: var(--size-8, 2rem)}
|
|
218
|
+
.m-inline-start-9 {margin-inline-start: var(--size-9, 2.25rem)}
|
|
219
|
+
.m-inline-start-half {margin-inline-start: var(--size-half, 0.125rem)}
|
|
220
|
+
.m-inline-start-quarter {margin-inline-start: var(--size-quarter, 0.0625rem)}
|
|
221
|
+
.p-block-0 {padding-block: var(--size-0, 0rem)}
|
|
222
|
+
.p-block-1 {padding-block: var(--size-1, 0.25rem)}
|
|
223
|
+
.p-block-10 {padding-block: var(--size-10, 2.5rem)}
|
|
224
|
+
.p-block-11 {padding-block: var(--size-11, 2.75rem)}
|
|
225
|
+
.p-block-12 {padding-block: var(--size-12, 3rem)}
|
|
226
|
+
.p-block-13 {padding-block: var(--size-13, 3.25rem)}
|
|
227
|
+
.p-block-14 {padding-block: var(--size-14, 3.5rem)}
|
|
228
|
+
.p-block-2 {padding-block: var(--size-2, 0.5rem)}
|
|
229
|
+
.p-block-3 {padding-block: var(--size-3, 0.75rem)}
|
|
230
|
+
.p-block-4 {padding-block: var(--size-4, 1rem)}
|
|
231
|
+
.p-block-5 {padding-block: var(--size-5, 1.25rem)}
|
|
232
|
+
.p-block-6 {padding-block: var(--size-6, 1.5rem)}
|
|
233
|
+
.p-block-7 {padding-block: var(--size-7, 1.75rem)}
|
|
234
|
+
.p-block-8 {padding-block: var(--size-8, 2rem)}
|
|
235
|
+
.p-block-9 {padding-block: var(--size-9, 2.25rem)}
|
|
236
|
+
.p-block-end-0 {padding-block-end: var(--size-0, 0rem)}
|
|
237
|
+
.p-block-end-1 {padding-block-end: var(--size-1, 0.25rem)}
|
|
238
|
+
.p-block-end-10 {padding-block-end: var(--size-10, 2.5rem)}
|
|
239
|
+
.p-block-end-11 {padding-block-end: var(--size-11, 2.75rem)}
|
|
240
|
+
.p-block-end-12 {padding-block-end: var(--size-12, 3rem)}
|
|
241
|
+
.p-block-end-13 {padding-block-end: var(--size-13, 3.25rem)}
|
|
242
|
+
.p-block-end-14 {padding-block-end: var(--size-14, 3.5rem)}
|
|
243
|
+
.p-block-end-2 {padding-block-end: var(--size-2, 0.5rem)}
|
|
244
|
+
.p-block-end-3 {padding-block-end: var(--size-3, 0.75rem)}
|
|
245
|
+
.p-block-end-4 {padding-block-end: var(--size-4, 1rem)}
|
|
246
|
+
.p-block-end-5 {padding-block-end: var(--size-5, 1.25rem)}
|
|
247
|
+
.p-block-end-6 {padding-block-end: var(--size-6, 1.5rem)}
|
|
248
|
+
.p-block-end-7 {padding-block-end: var(--size-7, 1.75rem)}
|
|
249
|
+
.p-block-end-8 {padding-block-end: var(--size-8, 2rem)}
|
|
250
|
+
.p-block-end-9 {padding-block-end: var(--size-9, 2.25rem)}
|
|
251
|
+
.p-block-end-half {padding-block-end: var(--size-half, 0.125rem)}
|
|
252
|
+
.p-block-end-quarter {padding-block-end: var(--size-quarter, 0.0625rem)}
|
|
253
|
+
.p-block-half {padding-block: var(--size-half, 0.125rem)}
|
|
254
|
+
.p-block-quarter {padding-block: var(--size-quarter, 0.0625rem)}
|
|
255
|
+
.p-block-start-0 {padding-block-start: var(--size-0, 0rem)}
|
|
256
|
+
.p-block-start-1 {padding-block-start: var(--size-1, 0.25rem)}
|
|
257
|
+
.p-block-start-10 {padding-block-start: var(--size-10, 2.5rem)}
|
|
258
|
+
.p-block-start-11 {padding-block-start: var(--size-11, 2.75rem)}
|
|
259
|
+
.p-block-start-12 {padding-block-start: var(--size-12, 3rem)}
|
|
260
|
+
.p-block-start-13 {padding-block-start: var(--size-13, 3.25rem)}
|
|
261
|
+
.p-block-start-14 {padding-block-start: var(--size-14, 3.5rem)}
|
|
262
|
+
.p-block-start-2 {padding-block-start: var(--size-2, 0.5rem)}
|
|
263
|
+
.p-block-start-3 {padding-block-start: var(--size-3, 0.75rem)}
|
|
264
|
+
.p-block-start-4 {padding-block-start: var(--size-4, 1rem)}
|
|
265
|
+
.p-block-start-5 {padding-block-start: var(--size-5, 1.25rem)}
|
|
266
|
+
.p-block-start-6 {padding-block-start: var(--size-6, 1.5rem)}
|
|
267
|
+
.p-block-start-7 {padding-block-start: var(--size-7, 1.75rem)}
|
|
268
|
+
.p-block-start-8 {padding-block-start: var(--size-8, 2rem)}
|
|
269
|
+
.p-block-start-9 {padding-block-start: var(--size-9, 2.25rem)}
|
|
270
|
+
.p-block-start-half {padding-block-start: var(--size-half, 0.125rem)}
|
|
271
|
+
.p-block-start-quarter {padding-block-start: var(--size-quarter, 0.0625rem)}
|
|
272
|
+
.p-inline-0 {padding-inline: var(--size-0, 0rem)}
|
|
273
|
+
.p-inline-1 {padding-inline: var(--size-1, 0.25rem)}
|
|
274
|
+
.p-inline-10 {padding-inline: var(--size-10, 2.5rem)}
|
|
275
|
+
.p-inline-11 {padding-inline: var(--size-11, 2.75rem)}
|
|
276
|
+
.p-inline-12 {padding-inline: var(--size-12, 3rem)}
|
|
277
|
+
.p-inline-13 {padding-inline: var(--size-13, 3.25rem)}
|
|
278
|
+
.p-inline-14 {padding-inline: var(--size-14, 3.5rem)}
|
|
279
|
+
.p-inline-2 {padding-inline: var(--size-2, 0.5rem)}
|
|
280
|
+
.p-inline-3 {padding-inline: var(--size-3, 0.75rem)}
|
|
281
|
+
.p-inline-4 {padding-inline: var(--size-4, 1rem)}
|
|
282
|
+
.p-inline-5 {padding-inline: var(--size-5, 1.25rem)}
|
|
283
|
+
.p-inline-6 {padding-inline: var(--size-6, 1.5rem)}
|
|
284
|
+
.p-inline-7 {padding-inline: var(--size-7, 1.75rem)}
|
|
285
|
+
.p-inline-8 {padding-inline: var(--size-8, 2rem)}
|
|
286
|
+
.p-inline-9 {padding-inline: var(--size-9, 2.25rem)}
|
|
287
|
+
.p-inline-end-0 {padding-inline-end: var(--size-0, 0rem)}
|
|
288
|
+
.p-inline-end-1 {padding-inline-end: var(--size-1, 0.25rem)}
|
|
289
|
+
.p-inline-end-10 {padding-inline-end: var(--size-10, 2.5rem)}
|
|
290
|
+
.p-inline-end-11 {padding-inline-end: var(--size-11, 2.75rem)}
|
|
291
|
+
.p-inline-end-12 {padding-inline-end: var(--size-12, 3rem)}
|
|
292
|
+
.p-inline-end-13 {padding-inline-end: var(--size-13, 3.25rem)}
|
|
293
|
+
.p-inline-end-14 {padding-inline-end: var(--size-14, 3.5rem)}
|
|
294
|
+
.p-inline-end-2 {padding-inline-end: var(--size-2, 0.5rem)}
|
|
295
|
+
.p-inline-end-3 {padding-inline-end: var(--size-3, 0.75rem)}
|
|
296
|
+
.p-inline-end-4 {padding-inline-end: var(--size-4, 1rem)}
|
|
297
|
+
.p-inline-end-5 {padding-inline-end: var(--size-5, 1.25rem)}
|
|
298
|
+
.p-inline-end-6 {padding-inline-end: var(--size-6, 1.5rem)}
|
|
299
|
+
.p-inline-end-7 {padding-inline-end: var(--size-7, 1.75rem)}
|
|
300
|
+
.p-inline-end-8 {padding-inline-end: var(--size-8, 2rem)}
|
|
301
|
+
.p-inline-end-9 {padding-inline-end: var(--size-9, 2.25rem)}
|
|
302
|
+
.p-inline-end-half {padding-inline-end: var(--size-half, 0.125rem)}
|
|
303
|
+
.p-inline-end-quarter {padding-inline-end: var(--size-quarter, 0.0625rem)}
|
|
304
|
+
.p-inline-half {padding-inline: var(--size-half, 0.125rem)}
|
|
305
|
+
.p-inline-quarter {padding-inline: var(--size-quarter, 0.0625rem)}
|
|
306
|
+
.p-inline-start-0 {padding-inline-start: var(--size-0, 0rem)}
|
|
307
|
+
.p-inline-start-1 {padding-inline-start: var(--size-1, 0.25rem)}
|
|
308
|
+
.p-inline-start-10 {padding-inline-start: var(--size-10, 2.5rem)}
|
|
309
|
+
.p-inline-start-11 {padding-inline-start: var(--size-11, 2.75rem)}
|
|
310
|
+
.p-inline-start-12 {padding-inline-start: var(--size-12, 3rem)}
|
|
311
|
+
.p-inline-start-13 {padding-inline-start: var(--size-13, 3.25rem)}
|
|
312
|
+
.p-inline-start-14 {padding-inline-start: var(--size-14, 3.5rem)}
|
|
313
|
+
.p-inline-start-2 {padding-inline-start: var(--size-2, 0.5rem)}
|
|
314
|
+
.p-inline-start-3 {padding-inline-start: var(--size-3, 0.75rem)}
|
|
315
|
+
.p-inline-start-4 {padding-inline-start: var(--size-4, 1rem)}
|
|
316
|
+
.p-inline-start-5 {padding-inline-start: var(--size-5, 1.25rem)}
|
|
317
|
+
.p-inline-start-6 {padding-inline-start: var(--size-6, 1.5rem)}
|
|
318
|
+
.p-inline-start-7 {padding-inline-start: var(--size-7, 1.75rem)}
|
|
319
|
+
.p-inline-start-8 {padding-inline-start: var(--size-8, 2rem)}
|
|
320
|
+
.p-inline-start-9 {padding-inline-start: var(--size-9, 2.25rem)}
|
|
321
|
+
.p-inline-start-half {padding-inline-start: var(--size-half, 0.125rem)}
|
|
322
|
+
.p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
export const BreakpointSm = { value: "640px" };
|
|
2
|
+
export const BreakpointMd = { value: "768px" };
|
|
3
|
+
export const BreakpointLg = { value: "1024px" };
|
|
4
|
+
export const BreakpointXl = { value: "1280px" };
|
|
5
|
+
export const BreakpointXxl = { value: "1536px" };
|
|
6
|
+
export const ColorBlue100 = { value: "#e0f2ff" };
|
|
7
|
+
export const ColorBlue200 = { value: "#b5deff" };
|
|
8
|
+
export const ColorBlue300 = { value: "#78bbfa" };
|
|
9
|
+
export const ColorBlue400 = { value: "#3892f3" };
|
|
10
|
+
export const ColorBlue500 = { value: "#0265dc" };
|
|
11
|
+
export const ColorBlue600 = { value: "#004491" };
|
|
12
|
+
export const ColorNeutral0 = { value: "#ffffff" };
|
|
13
|
+
export const ColorNeutral10 = { value: "#fcfcfc" };
|
|
14
|
+
export const ColorNeutral20 = { value: "#fafafa" };
|
|
15
|
+
export const ColorNeutral30 = { value: "#f7f7f7" };
|
|
16
|
+
export const ColorNeutral40 = { value: "#f5f5f5" };
|
|
17
|
+
export const ColorNeutral50 = { value: "#eeeeee" };
|
|
18
|
+
export const ColorNeutral60 = { value: "#dfe0e1" };
|
|
19
|
+
export const ColorNeutral70 = { value: "#bcbcbd" };
|
|
20
|
+
export const ColorNeutral80 = { value: "#949596" };
|
|
21
|
+
export const ColorNeutral90 = { value: "#737475" };
|
|
22
|
+
export const ColorNeutral100 = { value: "#606162" };
|
|
23
|
+
export const ColorNeutral200 = { value: "#444445" };
|
|
24
|
+
export const ColorNeutral300 = { value: "#2d2e31" };
|
|
25
|
+
export const ColorNeutral400 = { value: "#141414" };
|
|
26
|
+
export const ColorNeutral500 = { value: "#040404" };
|
|
27
|
+
export const ColorBlueGrey100 = { value: "#eaeff2" };
|
|
28
|
+
export const ColorBlueGrey200 = { value: "#d0d8dd" };
|
|
29
|
+
export const ColorBlueGrey300 = { value: "#b4c1c8" };
|
|
30
|
+
export const ColorBlueGrey400 = { value: "#8c9ca5" };
|
|
31
|
+
export const ColorBlueGrey500 = { value: "#6a7a85" };
|
|
32
|
+
export const ColorBlueGrey600 = { value: "#576671" };
|
|
33
|
+
export const ColorOrange100 = { value: "#ffeccc" };
|
|
34
|
+
export const ColorOrange200 = { value: "#fdd291" };
|
|
35
|
+
export const ColorOrange300 = { value: "#ffa037" };
|
|
36
|
+
export const ColorOrange400 = { value: "#e46f00" };
|
|
37
|
+
export const ColorOrange500 = { value: "#b14c00" };
|
|
38
|
+
export const ColorOrange600 = { value: "#7a2f00" };
|
|
39
|
+
export const ColorYellow100 = { value: "#fff9e2" };
|
|
40
|
+
export const ColorYellow200 = { value: "#fff0b1" };
|
|
41
|
+
export const ColorYellow300 = { value: "#ffe278" };
|
|
42
|
+
export const ColorYellow400 = { value: "#ffc902" };
|
|
43
|
+
export const ColorYellow500 = { value: "#ffbe00" };
|
|
44
|
+
export const ColorYellow600 = { value: "#de9500" };
|
|
45
|
+
export const ColorGreen100 = { value: "#cef8e0" };
|
|
46
|
+
export const ColorGreen200 = { value: "#89ecbc" };
|
|
47
|
+
export const ColorGreen300 = { value: "#49cc93" };
|
|
48
|
+
export const ColorGreen400 = { value: "#15a46e" };
|
|
49
|
+
export const ColorGreen500 = { value: "#007a4d" };
|
|
50
|
+
export const ColorGreen600 = { value: "#005132" };
|
|
51
|
+
export const ColorCyan100 = { value: "#e3fcff" };
|
|
52
|
+
export const ColorCyan200 = { value: "#b1f3fa" };
|
|
53
|
+
export const ColorCyan300 = { value: "#13ceea" };
|
|
54
|
+
export const ColorCyan400 = { value: "#08bfdf" };
|
|
55
|
+
export const ColorCyan500 = { value: "#0ca5c0" };
|
|
56
|
+
export const ColorCyan600 = { value: "#038299" };
|
|
57
|
+
export const ColorPurple100 = { value: "#f1edff" };
|
|
58
|
+
export const ColorPurple200 = { value: "#c1b6f2" };
|
|
59
|
+
export const ColorPurple300 = { value: "#8772e5" };
|
|
60
|
+
export const ColorPurple400 = { value: "#6954c0" };
|
|
61
|
+
export const ColorPurple500 = { value: "#4f3a9e" };
|
|
62
|
+
export const ColorPurple600 = { value: "#422799" };
|
|
63
|
+
export const ColorRed100 = { value: "#ffece9" };
|
|
64
|
+
export const ColorRed200 = { value: "#ffb2a0" };
|
|
65
|
+
export const ColorRed300 = { value: "#ff745f" };
|
|
66
|
+
export const ColorRed400 = { value: "#f94d32" };
|
|
67
|
+
export const ColorRed500 = { value: "#e13212" };
|
|
68
|
+
export const ColorRed600 = { value: "#bf2a00" };
|
|
69
|
+
export const ColorMagenta100 = { value: "#fbeaf5" };
|
|
70
|
+
export const ColorMagenta200 = { value: "#faafe2" };
|
|
71
|
+
export const ColorMagenta300 = { value: "#d949a9" };
|
|
72
|
+
export const ColorMagenta400 = { value: "#b52d88" };
|
|
73
|
+
export const ColorMagenta500 = { value: "#982071" };
|
|
74
|
+
export const ColorMagenta600 = { value: "#7d165b" };
|
|
75
|
+
export const Duration = { value: "200ms" };
|
|
76
|
+
export const DurationInstant = { value: "0ms" };
|
|
77
|
+
export const DurationFast = { value: "100ms" };
|
|
78
|
+
export const DurationSlow = { value: "300ms" };
|
|
79
|
+
export const FontFamilyBase = { value: "'Nunito Sans', sans-serif" };
|
|
80
|
+
export const FontFamilyDisplay = { value: "'Sofia Pro', SofiaPro, sans-serif" };
|
|
81
|
+
export const FontLineHeightBase = { value: "1.5" };
|
|
82
|
+
export const FontLineHeightDisplay = { value: "1.25" };
|
|
83
|
+
export const FontWeightNormal = { value: "400" };
|
|
84
|
+
export const FontWeightSemibold = { value: "600" };
|
|
85
|
+
export const FontWeightBold = { value: "700" };
|
|
86
|
+
export const FontSize100 = { value: "0.625rem" };
|
|
87
|
+
export const FontSize200 = { value: "0.75rem" };
|
|
88
|
+
export const FontSize300 = { value: "0.875rem" };
|
|
89
|
+
export const FontSize400 = { value: "1rem" };
|
|
90
|
+
export const FontSize500 = { value: "1.25rem" };
|
|
91
|
+
export const FontSize600 = { value: "1.5rem" };
|
|
92
|
+
export const FontSize700 = { value: "1.75rem" };
|
|
93
|
+
export const FontSize800 = { value: "2rem" };
|
|
94
|
+
export const FontSize900 = { value: "2.25rem" };
|
|
95
|
+
export const Size0 = { value: "0rem" };
|
|
96
|
+
export const Size1 = { value: "0.25rem" };
|
|
97
|
+
export const Size2 = { value: "0.5rem" };
|
|
98
|
+
export const Size3 = { value: "0.75rem" };
|
|
99
|
+
export const Size4 = { value: "1rem" };
|
|
100
|
+
export const Size5 = { value: "1.25rem" };
|
|
101
|
+
export const Size6 = { value: "1.5rem" };
|
|
102
|
+
export const Size7 = { value: "1.75rem" };
|
|
103
|
+
export const Size8 = { value: "2rem" };
|
|
104
|
+
export const Size9 = { value: "2.25rem" };
|
|
105
|
+
export const Size10 = { value: "2.5rem" };
|
|
106
|
+
export const Size11 = { value: "2.75rem" };
|
|
107
|
+
export const Size12 = { value: "3rem" };
|
|
108
|
+
export const Size13 = { value: "3.25rem" };
|
|
109
|
+
export const Size14 = { value: "3.5rem" };
|
|
110
|
+
export const SizeQuarter = { value: "0.0625rem" };
|
|
111
|
+
export const SizeHalf = { value: "0.125rem" };
|
|
112
|
+
export const TransitionEase = { value: "cubic-bezier(.4, 0, .2, 1)" };
|
|
113
|
+
export const TransitionEaseIn = { value: "cubic-bezier(.4, 0, 1, 1)" };
|
|
114
|
+
export const TransitionEaseOut = { value: "cubic-bezier(0, 0, .4, 1)" };
|
|
115
|
+
export const TransitionEaseInOut = { value: "cubic-bezier(.4, 0, .6, 1)" };
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
$breakpoint-sm: 640px;
|
|
2
|
+
$breakpoint-md: 768px;
|
|
3
|
+
$breakpoint-lg: 1024px;
|
|
4
|
+
$breakpoint-xl: 1280px;
|
|
5
|
+
$breakpoint-xxl: 1536px;
|
|
6
|
+
$color-blue-100: #e0f2ff;
|
|
7
|
+
$color-blue-200: #b5deff;
|
|
8
|
+
$color-blue-300: #78bbfa;
|
|
9
|
+
$color-blue-400: #3892f3;
|
|
10
|
+
$color-blue-500: #0265dc;
|
|
11
|
+
$color-blue-600: #004491;
|
|
12
|
+
$color-neutral-0: #ffffff;
|
|
13
|
+
$color-neutral-10: #fcfcfc;
|
|
14
|
+
$color-neutral-20: #fafafa;
|
|
15
|
+
$color-neutral-30: #f7f7f7;
|
|
16
|
+
$color-neutral-40: #f5f5f5;
|
|
17
|
+
$color-neutral-50: #eeeeee;
|
|
18
|
+
$color-neutral-60: #dfe0e1;
|
|
19
|
+
$color-neutral-70: #bcbcbd;
|
|
20
|
+
$color-neutral-80: #949596;
|
|
21
|
+
$color-neutral-90: #737475;
|
|
22
|
+
$color-neutral-100: #606162;
|
|
23
|
+
$color-neutral-200: #444445;
|
|
24
|
+
$color-neutral-300: #2d2e31;
|
|
25
|
+
$color-neutral-400: #141414;
|
|
26
|
+
$color-neutral-500: #040404;
|
|
27
|
+
$color-blue-grey-100: #eaeff2;
|
|
28
|
+
$color-blue-grey-200: #d0d8dd;
|
|
29
|
+
$color-blue-grey-300: #b4c1c8;
|
|
30
|
+
$color-blue-grey-400: #8c9ca5;
|
|
31
|
+
$color-blue-grey-500: #6a7a85;
|
|
32
|
+
$color-blue-grey-600: #576671;
|
|
33
|
+
$color-orange-100: #ffeccc;
|
|
34
|
+
$color-orange-200: #fdd291;
|
|
35
|
+
$color-orange-300: #ffa037;
|
|
36
|
+
$color-orange-400: #e46f00;
|
|
37
|
+
$color-orange-500: #b14c00;
|
|
38
|
+
$color-orange-600: #7a2f00;
|
|
39
|
+
$color-yellow-100: #fff9e2;
|
|
40
|
+
$color-yellow-200: #fff0b1;
|
|
41
|
+
$color-yellow-300: #ffe278;
|
|
42
|
+
$color-yellow-400: #ffc902;
|
|
43
|
+
$color-yellow-500: #ffbe00;
|
|
44
|
+
$color-yellow-600: #de9500;
|
|
45
|
+
$color-green-100: #cef8e0;
|
|
46
|
+
$color-green-200: #89ecbc;
|
|
47
|
+
$color-green-300: #49cc93;
|
|
48
|
+
$color-green-400: #15a46e;
|
|
49
|
+
$color-green-500: #007a4d;
|
|
50
|
+
$color-green-600: #005132;
|
|
51
|
+
$color-cyan-100: #e3fcff;
|
|
52
|
+
$color-cyan-200: #b1f3fa;
|
|
53
|
+
$color-cyan-300: #13ceea;
|
|
54
|
+
$color-cyan-400: #08bfdf;
|
|
55
|
+
$color-cyan-500: #0ca5c0;
|
|
56
|
+
$color-cyan-600: #038299;
|
|
57
|
+
$color-purple-100: #f1edff;
|
|
58
|
+
$color-purple-200: #c1b6f2;
|
|
59
|
+
$color-purple-300: #8772e5;
|
|
60
|
+
$color-purple-400: #6954c0;
|
|
61
|
+
$color-purple-500: #4f3a9e;
|
|
62
|
+
$color-purple-600: #422799;
|
|
63
|
+
$color-red-100: #ffece9;
|
|
64
|
+
$color-red-200: #ffb2a0;
|
|
65
|
+
$color-red-300: #ff745f;
|
|
66
|
+
$color-red-400: #f94d32;
|
|
67
|
+
$color-red-500: #e13212;
|
|
68
|
+
$color-red-600: #bf2a00;
|
|
69
|
+
$color-magenta-100: #fbeaf5;
|
|
70
|
+
$color-magenta-200: #faafe2;
|
|
71
|
+
$color-magenta-300: #d949a9;
|
|
72
|
+
$color-magenta-400: #b52d88;
|
|
73
|
+
$color-magenta-500: #982071;
|
|
74
|
+
$color-magenta-600: #7d165b;
|
|
75
|
+
$duration: 200ms;
|
|
76
|
+
$duration-instant: 0ms;
|
|
77
|
+
$duration-fast: 100ms;
|
|
78
|
+
$duration-slow: 300ms;
|
|
79
|
+
$font-family-base: 'Nunito Sans', sans-serif;
|
|
80
|
+
$font-family-display: 'Sofia Pro', SofiaPro, sans-serif;
|
|
81
|
+
$font-line-height-base: 1.5;
|
|
82
|
+
$font-line-height-display: 1.25;
|
|
83
|
+
$font-weight-normal: 400;
|
|
84
|
+
$font-weight-semibold: 600;
|
|
85
|
+
$font-weight-bold: 700;
|
|
86
|
+
$font-size-100: 0.625rem;
|
|
87
|
+
$font-size-200: 0.75rem;
|
|
88
|
+
$font-size-300: 0.875rem;
|
|
89
|
+
$font-size-400: 1rem;
|
|
90
|
+
$font-size-500: 1.25rem;
|
|
91
|
+
$font-size-600: 1.5rem;
|
|
92
|
+
$font-size-700: 1.75rem;
|
|
93
|
+
$font-size-800: 2rem;
|
|
94
|
+
$font-size-900: 2.25rem;
|
|
95
|
+
$size-0: 0rem;
|
|
96
|
+
$size-1: 0.25rem;
|
|
97
|
+
$size-2: 0.5rem;
|
|
98
|
+
$size-3: 0.75rem;
|
|
99
|
+
$size-4: 1rem;
|
|
100
|
+
$size-5: 1.25rem;
|
|
101
|
+
$size-6: 1.5rem;
|
|
102
|
+
$size-7: 1.75rem;
|
|
103
|
+
$size-8: 2rem;
|
|
104
|
+
$size-9: 2.25rem;
|
|
105
|
+
$size-10: 2.5rem;
|
|
106
|
+
$size-11: 2.75rem;
|
|
107
|
+
$size-12: 3rem;
|
|
108
|
+
$size-13: 3.25rem;
|
|
109
|
+
$size-14: 3.5rem;
|
|
110
|
+
$size-quarter: 0.0625rem;
|
|
111
|
+
$size-half: 0.125rem;
|
|
112
|
+
$transition-ease: cubic-bezier(.4, 0, .2, 1);
|
|
113
|
+
$transition-ease-in: cubic-bezier(.4, 0, 1, 1);
|
|
114
|
+
$transition-ease-out: cubic-bezier(0, 0, .4, 1);
|
|
115
|
+
$transition-ease-in-out: cubic-bezier(.4, 0, .6, 1);
|