@matteusan/himig 1.1.0 → 1.2.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 (8) hide show
  1. package/_index.scss +27 -7
  2. package/_init-font-pack.scss +3 -769
  3. package/ms-button/_button-styles.scss +1 -5
  4. package/ms-core/theme/_theme-setters.scss +29 -4
  5. package/ms-core/tools/_index.scss +1 -0
  6. package/ms-core/tools/_tools-helpers.scss +30 -0
  7. package/ms-utils/_color-utils.scss +0 -2
  8. package/package.json +1 -1
package/_index.scss CHANGED
@@ -38,12 +38,12 @@ $vue-mode: $test-mode !default;
38
38
  @forward 'ms-core';
39
39
 
40
40
  @mixin init(
41
- $surface: 'ms-dark-grey',
41
+ $theme: (),
42
+ $primary: 'ms-dark-grey',
42
43
  $accent: 'ms-orange',
44
+ $surface: 'ms-dark-grey',
43
45
  $background: 'ms-dark-grey.800',
44
46
  $error: 'ms-red',
45
- $warning: 'ms-yellow',
46
- $success: 'ms-green',
47
47
  $undefined: 'ms-grey',
48
48
  $radius: (),
49
49
  $global: (),
@@ -57,6 +57,23 @@ $vue-mode: $test-mode !default;
57
57
  $extend: (),
58
58
  ) {
59
59
 
60
+ $primary: ms-core.prioritize(map.get($theme, 'primary'), $primary);
61
+ $accent: ms-core.prioritize(map.get($theme, 'accent'), $accent);
62
+ $surface: ms-core.prioritize(map.get($theme, 'surface'), $surface);
63
+ $background: ms-core.prioritize(map.get($theme, 'background'), $background);
64
+ $error: ms-core.prioritize(map.get($theme, 'error'), $error);
65
+ $undefined: ms-core.prioritize(map.get($theme, 'undefined'), $undefined);
66
+ $radius: ms-core.prioritize(map.get($theme, 'radius'), $radius);
67
+ $global: ms-core.prioritize(map.get($theme, 'global'), $global);
68
+ $supertitle: ms-core.prioritize(map.get($theme, 'supertitle'), $supertitle);
69
+ $title: ms-core.prioritize(map.get($theme, 'title'), $title);
70
+ $subtitle: ms-core.prioritize(map.get($theme, 'subtitle'), $subtitle);
71
+ $body: ms-core.prioritize(map.get($theme, 'body'), $body);
72
+ $mono: ms-core.prioritize(map.get($theme, 'mono'), $mono);
73
+ $small: ms-core.prioritize(map.get($theme, 'small'), $small);
74
+ $breakpoints: ms-core.prioritize(map.get($theme, 'breakpoints'), $breakpoints);
75
+ $extend: ms-core.prioritize(map.get($theme, 'extend'), $extend);
76
+
60
77
  $_init-family: 'family.sans-serif';
61
78
  $_init-line-height: 'line-height.normal';
62
79
 
@@ -117,14 +134,12 @@ $vue-mode: $test-mode !default;
117
134
  );
118
135
 
119
136
  :root {
120
- @include ms-core.primitive-token-register($map: $extend);
121
137
  @include ms-core.theme-config(
122
- $surface: $surface,
138
+ $primary: $primary,
123
139
  $accent: $accent,
140
+ $surface: $surface,
124
141
  $background: $background,
125
142
  $error: $error,
126
- $warning: $warning,
127
- $success: $success,
128
143
  $undefined: $undefined,
129
144
  $radius: $radius,
130
145
  $breakpoints: $breakpoints,
@@ -135,6 +150,7 @@ $vue-mode: $test-mode !default;
135
150
  $body: map.merge($_init-type-body, $body),
136
151
  $mono: map.merge($_init-type-mono, $mono),
137
152
  $small: map.merge($_init-type-small, $small),
153
+ $extend: $extend,
138
154
  );
139
155
 
140
156
  // Immutables
@@ -216,4 +232,8 @@ $vue-mode: $test-mode !default;
216
232
  }
217
233
 
218
234
  @content;
235
+ }
236
+
237
+ @function _raw($query) {
238
+ @return ms-core.token-get-raw($query);
219
239
  }
package/_init-font-pack.scss CHANGED
@@ -30,780 +30,14 @@
30
30
  }
31
31
 
32
32
  @if list.index($family-list, 'family.sans-serif') {
33
- @include _load-sans-serif;
33
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
34
34
  }
35
35
 
36
36
  @if list.index($family-list, 'family.serif') {
37
- @include _load-serif;
37
+ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
38
38
  }
39
39
 
40
40
  @if list.index($family-list, 'family.mono') {
41
- @include _load-mono;
42
- }
43
- }
44
-
45
- @mixin _load-mono {
46
- // cyrillic-ext
47
- @font-face {
48
- font-family: 'JetBrains Mono';
49
- font-style: italic;
50
- font-weight: 200;
51
- font-display: swap;
52
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LfmOamaKjhw.woff2) format('woff2');
53
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
54
- }
55
- // cyrillic
56
- @font-face {
57
- font-family: 'JetBrains Mono';
58
- font-style: italic;
59
- font-weight: 200;
60
- font-display: swap;
61
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LfmOTmaKjhw.woff2) format('woff2');
62
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
63
- }
64
- // greek
65
- @font-face {
66
- font-family: 'JetBrains Mono';
67
- font-style: italic;
68
- font-weight: 200;
69
- font-display: swap;
70
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LfmOUmaKjhw.woff2) format('woff2');
71
- unicode-range: U+0370-03FF;
72
- }
73
- // vietnamese
74
- @font-face {
75
- font-family: 'JetBrains Mono';
76
- font-style: italic;
77
- font-weight: 200;
78
- font-display: swap;
79
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LfmOYmaKjhw.woff2) format('woff2');
80
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
81
- }
82
- // latin-ext
83
- @font-face {
84
- font-family: 'JetBrains Mono';
85
- font-style: italic;
86
- font-weight: 200;
87
- font-display: swap;
88
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LfmOZmaKjhw.woff2) format('woff2');
89
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
90
- }
91
- // latin
92
- @font-face {
93
- font-family: 'JetBrains Mono';
94
- font-style: italic;
95
- font-weight: 200;
96
- font-display: swap;
97
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LfmOXmaI.woff2) format('woff2');
98
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
99
- }
100
- // cyrillic-ext
101
- @font-face {
102
- font-family: 'JetBrains Mono';
103
- font-style: italic;
104
- font-weight: 400;
105
- font-display: swap;
106
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO-LfmOamaKjhw.woff2) format('woff2');
107
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
108
- }
109
- // cyrillic
110
- @font-face {
111
- font-family: 'JetBrains Mono';
112
- font-style: italic;
113
- font-weight: 400;
114
- font-display: swap;
115
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO-LfmOTmaKjhw.woff2) format('woff2');
116
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
117
- }
118
- // greek
119
- @font-face {
120
- font-family: 'JetBrains Mono';
121
- font-style: italic;
122
- font-weight: 400;
123
- font-display: swap;
124
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO-LfmOUmaKjhw.woff2) format('woff2');
125
- unicode-range: U+0370-03FF;
126
- }
127
- // vietnamese
128
- @font-face {
129
- font-family: 'JetBrains Mono';
130
- font-style: italic;
131
- font-weight: 400;
132
- font-display: swap;
133
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO-LfmOYmaKjhw.woff2) format('woff2');
134
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
135
- }
136
- // latin-ext
137
- @font-face {
138
- font-family: 'JetBrains Mono';
139
- font-style: italic;
140
- font-weight: 400;
141
- font-display: swap;
142
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO-LfmOZmaKjhw.woff2) format('woff2');
143
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
144
- }
145
- // latin
146
- @font-face {
147
- font-family: 'JetBrains Mono';
148
- font-style: italic;
149
- font-weight: 400;
150
- font-display: swap;
151
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO-LfmOXmaI.woff2) format('woff2');
152
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
153
- }
154
- // cyrillic-ext
155
- @font-face {
156
- font-family: 'JetBrains Mono';
157
- font-style: italic;
158
- font-weight: 800;
159
- font-display: swap;
160
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LeWOamaKjhw.woff2) format('woff2');
161
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
162
- }
163
- // cyrillic
164
- @font-face {
165
- font-family: 'JetBrains Mono';
166
- font-style: italic;
167
- font-weight: 800;
168
- font-display: swap;
169
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LeWOTmaKjhw.woff2) format('woff2');
170
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
171
- }
172
- // greek
173
- @font-face {
174
- font-family: 'JetBrains Mono';
175
- font-style: italic;
176
- font-weight: 800;
177
- font-display: swap;
178
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LeWOUmaKjhw.woff2) format('woff2');
179
- unicode-range: U+0370-03FF;
180
- }
181
- // vietnamese
182
- @font-face {
183
- font-family: 'JetBrains Mono';
184
- font-style: italic;
185
- font-weight: 800;
186
- font-display: swap;
187
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LeWOYmaKjhw.woff2) format('woff2');
188
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
189
- }
190
- // latin-ext
191
- @font-face {
192
- font-family: 'JetBrains Mono';
193
- font-style: italic;
194
- font-weight: 800;
195
- font-display: swap;
196
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LeWOZmaKjhw.woff2) format('woff2');
197
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
198
- }
199
- // latin
200
- @font-face {
201
- font-family: 'JetBrains Mono';
202
- font-style: italic;
203
- font-weight: 800;
204
- font-display: swap;
205
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LeWOXmaI.woff2) format('woff2');
206
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
207
- }
208
- // cyrillic-ext
209
- @font-face {
210
- font-family: 'JetBrains Mono';
211
- font-style: normal;
212
- font-weight: 200;
213
- font-display: swap;
214
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKxTN1OVgaY.woff2) format('woff2');
215
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
216
- }
217
- // cyrillic
218
- @font-face {
219
- font-family: 'JetBrains Mono';
220
- font-style: normal;
221
- font-weight: 200;
222
- font-display: swap;
223
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKxTPlOVgaY.woff2) format('woff2');
224
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
225
- }
226
- // greek
227
- @font-face {
228
- font-family: 'JetBrains Mono';
229
- font-style: normal;
230
- font-weight: 200;
231
- font-display: swap;
232
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKxTOVOVgaY.woff2) format('woff2');
233
- unicode-range: U+0370-03FF;
234
- }
235
- // vietnamese
236
- @font-face {
237
- font-family: 'JetBrains Mono';
238
- font-style: normal;
239
- font-weight: 200;
240
- font-display: swap;
241
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKxTNVOVgaY.woff2) format('woff2');
242
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
243
- }
244
- // latin-ext
245
- @font-face {
246
- font-family: 'JetBrains Mono';
247
- font-style: normal;
248
- font-weight: 200;
249
- font-display: swap;
250
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKxTNFOVgaY.woff2) format('woff2');
251
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
252
- }
253
- // latin
254
- @font-face {
255
- font-family: 'JetBrains Mono';
256
- font-style: normal;
257
- font-weight: 200;
258
- font-display: swap;
259
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKxTOlOV.woff2) format('woff2');
260
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
261
- }
262
- // cyrillic-ext
263
- @font-face {
264
- font-family: 'JetBrains Mono';
265
- font-style: normal;
266
- font-weight: 400;
267
- font-display: swap;
268
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTN1OVgaY.woff2) format('woff2');
269
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
270
- }
271
- // cyrillic
272
- @font-face {
273
- font-family: 'JetBrains Mono';
274
- font-style: normal;
275
- font-weight: 400;
276
- font-display: swap;
277
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTPlOVgaY.woff2) format('woff2');
278
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
279
- }
280
- // greek
281
- @font-face {
282
- font-family: 'JetBrains Mono';
283
- font-style: normal;
284
- font-weight: 400;
285
- font-display: swap;
286
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTOVOVgaY.woff2) format('woff2');
287
- unicode-range: U+0370-03FF;
288
- }
289
- // vietnamese
290
- @font-face {
291
- font-family: 'JetBrains Mono';
292
- font-style: normal;
293
- font-weight: 400;
294
- font-display: swap;
295
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTNVOVgaY.woff2) format('woff2');
296
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
297
- }
298
- // latin-ext
299
- @font-face {
300
- font-family: 'JetBrains Mono';
301
- font-style: normal;
302
- font-weight: 400;
303
- font-display: swap;
304
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTNFOVgaY.woff2) format('woff2');
305
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
306
- }
307
- // latin
308
- @font-face {
309
- font-family: 'JetBrains Mono';
310
- font-style: normal;
311
- font-weight: 400;
312
- font-display: swap;
313
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTOlOV.woff2) format('woff2');
314
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
315
- }
316
- // cyrillic-ext
317
- @font-face {
318
- font-family: 'JetBrains Mono';
319
- font-style: normal;
320
- font-weight: 800;
321
- font-display: swap;
322
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKtTN1OVgaY.woff2) format('woff2');
323
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
324
- }
325
- // cyrillic
326
- @font-face {
327
- font-family: 'JetBrains Mono';
328
- font-style: normal;
329
- font-weight: 800;
330
- font-display: swap;
331
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKtTPlOVgaY.woff2) format('woff2');
332
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
333
- }
334
- // greek
335
- @font-face {
336
- font-family: 'JetBrains Mono';
337
- font-style: normal;
338
- font-weight: 800;
339
- font-display: swap;
340
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKtTOVOVgaY.woff2) format('woff2');
341
- unicode-range: U+0370-03FF;
342
- }
343
- // vietnamese
344
- @font-face {
345
- font-family: 'JetBrains Mono';
346
- font-style: normal;
347
- font-weight: 800;
348
- font-display: swap;
349
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKtTNVOVgaY.woff2) format('woff2');
350
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
351
- }
352
- // latin-ext
353
- @font-face {
354
- font-family: 'JetBrains Mono';
355
- font-style: normal;
356
- font-weight: 800;
357
- font-display: swap;
358
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKtTNFOVgaY.woff2) format('woff2');
359
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
360
- }
361
- // latin
362
- @font-face {
363
- font-family: 'JetBrains Mono';
364
- font-style: normal;
365
- font-weight: 800;
366
- font-display: swap;
367
- src: url(https://fonts.gstatic.com/s/jetbrainsmono/v12/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKtTOlOV.woff2) format('woff2');
368
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
369
- }
370
-
371
- }
372
-
373
- @mixin _load-serif {
374
- // cyrillic-ext
375
- @font-face {
376
- font-family: 'Lora';
377
- font-style: italic;
378
- font-weight: 400;
379
- font-display: swap;
380
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoqJ2nOeZ.woff2) format('woff2');
381
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
382
- }
383
- // cyrillic
384
- @font-face {
385
- font-family: 'Lora';
386
- font-style: italic;
387
- font-weight: 400;
388
- font-display: swap;
389
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoqt2nOeZ.woff2) format('woff2');
390
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
391
- }
392
- // vietnamese
393
- @font-face {
394
- font-family: 'Lora';
395
- font-style: italic;
396
- font-weight: 400;
397
- font-display: swap;
398
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoqB2nOeZ.woff2) format('woff2');
399
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
400
- }
401
- // latin-ext
402
- @font-face {
403
- font-family: 'Lora';
404
- font-style: italic;
405
- font-weight: 400;
406
- font-display: swap;
407
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoqF2nOeZ.woff2) format('woff2');
408
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
409
- }
410
- // latin
411
- @font-face {
412
- font-family: 'Lora';
413
- font-style: italic;
414
- font-weight: 400;
415
- font-display: swap;
416
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoq92nA.woff2) format('woff2');
417
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
418
- }
419
- // cyrillic-ext
420
- @font-face {
421
- font-family: 'Lora';
422
- font-style: italic;
423
- font-weight: 700;
424
- font-display: swap;
425
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-C0CoqJ2nOeZ.woff2) format('woff2');
426
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
427
- }
428
- // cyrillic
429
- @font-face {
430
- font-family: 'Lora';
431
- font-style: italic;
432
- font-weight: 700;
433
- font-display: swap;
434
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-C0Coqt2nOeZ.woff2) format('woff2');
435
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
436
- }
437
- // vietnamese
438
- @font-face {
439
- font-family: 'Lora';
440
- font-style: italic;
441
- font-weight: 700;
442
- font-display: swap;
443
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-C0CoqB2nOeZ.woff2) format('woff2');
444
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
445
- }
446
- // latin-ext
447
- @font-face {
448
- font-family: 'Lora';
449
- font-style: italic;
450
- font-weight: 700;
451
- font-display: swap;
452
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-C0CoqF2nOeZ.woff2) format('woff2');
453
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
454
- }
455
- // latin
456
- @font-face {
457
- font-family: 'Lora';
458
- font-style: italic;
459
- font-weight: 700;
460
- font-display: swap;
461
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-C0Coq92nA.woff2) format('woff2');
462
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
463
- }
464
- // cyrillic-ext
465
- @font-face {
466
- font-family: 'Lora';
467
- font-style: normal;
468
- font-weight: 400;
469
- font-display: swap;
470
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI6MX1D_JOuGQbT0gvTJPa787weuxJMkq1umA.woff2) format('woff2');
471
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
472
- }
473
- // cyrillic
474
- @font-face {
475
- font-family: 'Lora';
476
- font-style: normal;
477
- font-weight: 400;
478
- font-display: swap;
479
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI6MX1D_JOuGQbT0gvTJPa787weuxJFkq1umA.woff2) format('woff2');
480
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
481
- }
482
- // vietnamese
483
- @font-face {
484
- font-family: 'Lora';
485
- font-style: normal;
486
- font-weight: 400;
487
- font-display: swap;
488
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI6MX1D_JOuGQbT0gvTJPa787weuxJOkq1umA.woff2) format('woff2');
489
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
490
- }
491
- // latin-ext
492
- @font-face {
493
- font-family: 'Lora';
494
- font-style: normal;
495
- font-weight: 400;
496
- font-display: swap;
497
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI6MX1D_JOuGQbT0gvTJPa787weuxJPkq1umA.woff2) format('woff2');
498
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
499
- }
500
- // latin
501
- @font-face {
502
- font-family: 'Lora';
503
- font-style: normal;
504
- font-weight: 400;
505
- font-display: swap;
506
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkq0.woff2) format('woff2');
507
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
508
- }
509
- // cyrillic-ext
510
- @font-face {
511
- font-family: 'Lora';
512
- font-style: normal;
513
- font-weight: 700;
514
- font-display: swap;
515
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJMkq1umA.woff2) format('woff2');
516
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
517
- }
518
- // cyrillic
519
- @font-face {
520
- font-family: 'Lora';
521
- font-style: normal;
522
- font-weight: 700;
523
- font-display: swap;
524
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJFkq1umA.woff2) format('woff2');
525
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
526
- }
527
- // vietnamese
528
- @font-face {
529
- font-family: 'Lora';
530
- font-style: normal;
531
- font-weight: 700;
532
- font-display: swap;
533
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJOkq1umA.woff2) format('woff2');
534
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
535
- }
536
- // latin-ext
537
- @font-face {
538
- font-family: 'Lora';
539
- font-style: normal;
540
- font-weight: 700;
541
- font-display: swap;
542
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJPkq1umA.woff2) format('woff2');
543
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
544
- }
545
- // latin
546
- @font-face {
547
- font-family: 'Lora';
548
- font-style: normal;
549
- font-weight: 700;
550
- font-display: swap;
551
- src: url(https://fonts.gstatic.com/s/lora/v24/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJBkq0.woff2) format('woff2');
552
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
553
- }
554
- }
555
-
556
- @mixin _load-sans-serif {
557
- // cyrillic-ext
558
- @font-face {
559
- font-family: 'Inter';
560
- font-style: normal;
561
- font-weight: 200;
562
- font-display: swap;
563
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfAZJhiI2B.woff2) format('woff2');
564
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
565
- }
566
- // cyrillic
567
- @font-face {
568
- font-family: 'Inter';
569
- font-style: normal;
570
- font-weight: 200;
571
- font-display: swap;
572
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfAZthiI2B.woff2) format('woff2');
573
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
574
- }
575
- // greek-ext
576
- @font-face {
577
- font-family: 'Inter';
578
- font-style: normal;
579
- font-weight: 200;
580
- font-display: swap;
581
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfAZNhiI2B.woff2) format('woff2');
582
- unicode-range: U+1F00-1FFF;
583
- }
584
- // greek
585
- @font-face {
586
- font-family: 'Inter';
587
- font-style: normal;
588
- font-weight: 200;
589
- font-display: swap;
590
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfAZxhiI2B.woff2) format('woff2');
591
- unicode-range: U+0370-03FF;
592
- }
593
- // vietnamese
594
- @font-face {
595
- font-family: 'Inter';
596
- font-style: normal;
597
- font-weight: 200;
598
- font-display: swap;
599
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfAZBhiI2B.woff2) format('woff2');
600
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
601
- }
602
- // latin-ext
603
- @font-face {
604
- font-family: 'Inter';
605
- font-style: normal;
606
- font-weight: 200;
607
- font-display: swap;
608
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfAZFhiI2B.woff2) format('woff2');
609
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
610
- }
611
- // latin
612
- @font-face {
613
- font-family: 'Inter';
614
- font-style: normal;
615
- font-weight: 200;
616
- font-display: swap;
617
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfAZ9hiA.woff2) format('woff2');
618
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
619
- }
620
- // cyrillic-ext
621
- @font-face {
622
- font-family: 'Inter';
623
- font-style: normal;
624
- font-weight: 400;
625
- font-display: swap;
626
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2');
627
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
628
- }
629
- // cyrillic
630
- @font-face {
631
- font-family: 'Inter';
632
- font-style: normal;
633
- font-weight: 400;
634
- font-display: swap;
635
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthiI2B.woff2) format('woff2');
636
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
637
- }
638
- // greek-ext
639
- @font-face {
640
- font-family: 'Inter';
641
- font-style: normal;
642
- font-weight: 400;
643
- font-display: swap;
644
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhiI2B.woff2) format('woff2');
645
- unicode-range: U+1F00-1FFF;
646
- }
647
- // greek
648
- @font-face {
649
- font-family: 'Inter';
650
- font-style: normal;
651
- font-weight: 400;
652
- font-display: swap;
653
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhiI2B.woff2) format('woff2');
654
- unicode-range: U+0370-03FF;
655
- }
656
- // vietnamese
657
- @font-face {
658
- font-family: 'Inter';
659
- font-style: normal;
660
- font-weight: 400;
661
- font-display: swap;
662
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhiI2B.woff2) format('woff2');
663
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
664
- }
665
- // latin-ext
666
- @font-face {
667
- font-family: 'Inter';
668
- font-style: normal;
669
- font-weight: 400;
670
- font-display: swap;
671
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhiI2B.woff2) format('woff2');
672
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
673
- }
674
- // latin
675
- @font-face {
676
- font-family: 'Inter';
677
- font-style: normal;
678
- font-weight: 400;
679
- font-display: swap;
680
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');
681
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
682
- }
683
- // cyrillic-ext
684
- @font-face {
685
- font-family: 'Inter';
686
- font-style: normal;
687
- font-weight: 700;
688
- font-display: swap;
689
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZJhiI2B.woff2) format('woff2');
690
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
691
- }
692
- // cyrillic
693
- @font-face {
694
- font-family: 'Inter';
695
- font-style: normal;
696
- font-weight: 700;
697
- font-display: swap;
698
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZthiI2B.woff2) format('woff2');
699
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
700
- }
701
- // greek-ext
702
- @font-face {
703
- font-family: 'Inter';
704
- font-style: normal;
705
- font-weight: 700;
706
- font-display: swap;
707
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZNhiI2B.woff2) format('woff2');
708
- unicode-range: U+1F00-1FFF;
709
- }
710
- // greek
711
- @font-face {
712
- font-family: 'Inter';
713
- font-style: normal;
714
- font-weight: 700;
715
- font-display: swap;
716
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZxhiI2B.woff2) format('woff2');
717
- unicode-range: U+0370-03FF;
718
- }
719
- // vietnamese
720
- @font-face {
721
- font-family: 'Inter';
722
- font-style: normal;
723
- font-weight: 700;
724
- font-display: swap;
725
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZBhiI2B.woff2) format('woff2');
726
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
727
- }
728
- // latin-ext
729
- @font-face {
730
- font-family: 'Inter';
731
- font-style: normal;
732
- font-weight: 700;
733
- font-display: swap;
734
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZFhiI2B.woff2) format('woff2');
735
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
736
- }
737
- // latin
738
- @font-face {
739
- font-family: 'Inter';
740
- font-style: normal;
741
- font-weight: 700;
742
- font-display: swap;
743
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hiA.woff2) format('woff2');
744
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
745
- }
746
- // cyrillic-ext
747
- @font-face {
748
- font-family: 'Inter';
749
- font-style: normal;
750
- font-weight: 900;
751
- font-display: swap;
752
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZJhiI2B.woff2) format('woff2');
753
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
754
- }
755
- // cyrillic
756
- @font-face {
757
- font-family: 'Inter';
758
- font-style: normal;
759
- font-weight: 900;
760
- font-display: swap;
761
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZthiI2B.woff2) format('woff2');
762
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
763
- }
764
- // greek-ext
765
- @font-face {
766
- font-family: 'Inter';
767
- font-style: normal;
768
- font-weight: 900;
769
- font-display: swap;
770
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZNhiI2B.woff2) format('woff2');
771
- unicode-range: U+1F00-1FFF;
772
- }
773
- // greek
774
- @font-face {
775
- font-family: 'Inter';
776
- font-style: normal;
777
- font-weight: 900;
778
- font-display: swap;
779
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZxhiI2B.woff2) format('woff2');
780
- unicode-range: U+0370-03FF;
781
- }
782
- // vietnamese
783
- @font-face {
784
- font-family: 'Inter';
785
- font-style: normal;
786
- font-weight: 900;
787
- font-display: swap;
788
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZBhiI2B.woff2) format('woff2');
789
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
790
- }
791
- // latin-ext
792
- @font-face {
793
- font-family: 'Inter';
794
- font-style: normal;
795
- font-weight: 900;
796
- font-display: swap;
797
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZFhiI2B.woff2) format('woff2');
798
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
799
- }
800
- // latin
801
- @font-face {
802
- font-family: 'Inter';
803
- font-style: normal;
804
- font-weight: 900;
805
- font-display: swap;
806
- src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZ9hiA.woff2) format('woff2');
807
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
41
+ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
808
42
  }
809
43
  }
package/ms-button/_button-styles.scss CHANGED
@@ -26,11 +26,7 @@
26
26
  @use 'button-theme' as theme;
27
27
  @use 'button-mixins' as style;
28
28
 
29
- $_states: (
30
- 'success',
31
- 'warning',
32
- 'error'
33
- );
29
+ $_states: ('error');
34
30
 
35
31
  @mixin render(
36
32
  $color: (),
package/ms-core/theme/_theme-setters.scss CHANGED
@@ -29,8 +29,9 @@
29
29
  $expressive-inks: false !default;
30
30
 
31
31
  @mixin theme-config(
32
- $surface: (),
32
+ $primary: (),
33
33
  $accent: (),
34
+ $surface: (),
34
35
  $background: (),
35
36
  $error: (),
36
37
  $warning: (),
@@ -73,13 +74,16 @@ $expressive-inks: false !default;
73
74
 
74
75
  @include token.config($map: $extend);
75
76
  @include token.config(
76
- $surface: _color-theme-token-module($surface),
77
+ $primary: _color-theme-token-module($primary),
77
78
  $accent: _color-theme-token-module($accent),
79
+ $surface: _color-theme-token-module($surface),
80
+ $primary-alpha: _alpha-color-theme-token-module($primary),
81
+ $accent-alpha: _alpha-color-theme-token-module($accent),
82
+ $surface-alpha: _alpha-color-theme-token-module($surface),
78
83
  $background: tokens.primitive-token-switch($background),
79
84
  $background-ink: tools.get-ink(tokens.primitive-token-switch($background)),
80
85
  $error: _color-theme-token-module($error),
81
- $warning: _color-theme-token-module($warning),
82
- $success: _color-theme-token-module($success),
86
+ $error-alpha: _alpha-color-theme-token-module($error),
83
87
  $undefined: _color-theme-token-module($undefined),
84
88
  $radius: _shape-theme-token-module(map.merge($_init-radius, $radius)),
85
89
  $family: _typography-theme-token-module($_typography-mapper, 'family'),
@@ -116,6 +120,27 @@ $expressive-inks: false !default;
116
120
  );
117
121
  }
118
122
 
123
+ /// @access private
124
+ @function _alpha-color-theme-token-module($query) {
125
+ @if tools.is-type($query, 'map', $errors: false) {
126
+ @return (
127
+ 200: tokens.primitive-token-switch('#{map.get($query, 200)}.200', map.get($query, 200)),
128
+ 300: tokens.primitive-token-switch('#{map.get($query, 300)}.300', map.get($query, 300)),
129
+ 400: tokens.primitive-token-switch('#{map.get($query, 400)}.400', map.get($query, 400)),
130
+ 600: tokens.primitive-token-switch('#{map.get($query, 600)}.600', map.get($query, 600)),
131
+ 800: tokens.primitive-token-switch('#{map.get($query, 800)}.800', map.get($query, 800)),
132
+ );
133
+ }
134
+
135
+ @return (
136
+ 200: rgba(tokens.primitive-token-get('#{$query}.200'), 8%),
137
+ 300: rgba(tokens.primitive-token-get('#{$query}.300'), 12%),
138
+ 400: rgba(tokens.primitive-token-get('#{$query}.400'), 20%),
139
+ 600: rgba(tokens.primitive-token-get('#{$query}.600'), 33%),
140
+ 800: rgba(tokens.primitive-token-get('#{$query}.800'), 42%)
141
+ )
142
+ }
143
+
119
144
  /// @access private
120
145
  @function _shape-theme-token-module($query) {
121
146
  $result: ();
package/ms-core/tools/_index.scss CHANGED
@@ -21,6 +21,7 @@
21
21
  //---------------------------------------------------
22
22
 
23
23
  @forward 'tools-color';
24
+ @forward 'tools-helpers';
24
25
  @forward 'tools-sentro';
25
26
  @forward 'tools-string' as str-*;
26
27
  @forward 'tools-validation';
package/ms-core/tools/_tools-helpers.scss ADDED
@@ -0,0 +1,30 @@
1
+ //---------------------------------------------------
2
+ // Copyright (c) 2024 MatteuSan
3
+ //
4
+ // Permission is hereby granted, free of charge, to any person obtaining a copy
5
+ // of this software and associated documentation files (the "Software"), to deal
6
+ // in the Software without restriction, including without limitation the rights
7
+ // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
8
+ // copies of the Software, and to permit persons to whom the Software is
9
+ // furnished to do so, subject to the following conditions:
10
+ //
11
+ // The above copyright notice and this permission notice shall be included in all
12
+ // copies or substantial portions of the Software.
13
+ //
14
+ // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15
+ // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16
+ // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17
+ // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18
+ // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
19
+ // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
20
+ // SOFTWARE.
21
+ //---------------------------------------------------
22
+
23
+ @use 'tools-validation' as validators;
24
+
25
+ @function prioritize($priority, $fallback) {
26
+ @if validators.is-empty($priority) {
27
+ @return $fallback;
28
+ }
29
+ @return $priority;
30
+ }
package/ms-utils/_color-utils.scss CHANGED
@@ -30,8 +30,6 @@ $_breakpoints: consts.$breakpoints;
30
30
  $_colors: (
31
31
  'surface',
32
32
  'accent',
33
- 'success',
34
- 'warning',
35
33
  'error',
36
34
  'undefined',
37
35
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@matteusan/himig",
3
- "version": "1.1.0",
3
+ "version": "1.2.0",
4
4
  "description": "Matteu's personal design system for building user interfaces.",
5
5
  "repository": "https://github.com/MatteuSan/himig",
6
6
  "author": "Matteu <matteugt@gmail.com>",