@carbon/styles 1.63.0 → 1.63.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/css/styles.css +90 -91
- package/css/styles.min.css +1 -1
- package/package.json +3 -10
- package/scss/_reset.scss +0 -1
- package/scss/fonts/__tests__/__snapshots__/fonts-test.js.snap +180 -180
- package/scss/fonts/_mono.scss +9 -66
- package/scss/fonts/_sans-arabic.scss +8 -17
- package/scss/fonts/_sans-devanagari.scss +8 -17
- package/scss/fonts/_sans-hebrew.scss +8 -17
- package/scss/fonts/_sans-thai-looped.scss +8 -17
- package/scss/fonts/_sans-thai.scss +8 -17
- package/scss/fonts/_sans.scss +9 -66
- package/scss/fonts/_serif.scss +9 -66
- package/scss/fonts/_src.scss +5 -20
package/scss/fonts/_mono.scss
CHANGED
|
@@ -13,8 +13,7 @@ $font-family: 'IBM Plex Mono';
|
|
|
13
13
|
$name: 'IBM-Plex-Mono';
|
|
14
14
|
$styles: (normal, italic);
|
|
15
15
|
$unicode-ranges: (Cyrillic, Pi, Latin3, Latin2, Latin1);
|
|
16
|
-
$formats: (woff2);
|
|
17
|
-
$package-name: 'mono';
|
|
16
|
+
$formats: (woff2, woff);
|
|
18
17
|
|
|
19
18
|
@mixin thin($styles: $styles, $unicode-ranges: $unicode-ranges) {
|
|
20
19
|
@each $style in $styles {
|
|
@@ -24,14 +23,7 @@ $package-name: 'mono';
|
|
|
24
23
|
font-family: $font-family;
|
|
25
24
|
font-style: $style;
|
|
26
25
|
font-weight: 100;
|
|
27
|
-
src: src.get(
|
|
28
|
-
$name,
|
|
29
|
-
Thin,
|
|
30
|
-
$style,
|
|
31
|
-
$unicode-range,
|
|
32
|
-
$formats,
|
|
33
|
-
$package-name
|
|
34
|
-
);
|
|
26
|
+
src: src.get($name, Thin, $style, $unicode-range, $formats);
|
|
35
27
|
unicode-range: unicode.get-range($unicode-range);
|
|
36
28
|
}
|
|
37
29
|
}
|
|
@@ -46,14 +38,7 @@ $package-name: 'mono';
|
|
|
46
38
|
font-family: $font-family;
|
|
47
39
|
font-style: $style;
|
|
48
40
|
font-weight: 200;
|
|
49
|
-
src: src.get(
|
|
50
|
-
$name,
|
|
51
|
-
ExtraLight,
|
|
52
|
-
$style,
|
|
53
|
-
$unicode-range,
|
|
54
|
-
$formats,
|
|
55
|
-
$package-name
|
|
56
|
-
);
|
|
41
|
+
src: src.get($name, ExtraLight, $style, $unicode-range, $formats);
|
|
57
42
|
unicode-range: unicode.get-range($unicode-range);
|
|
58
43
|
}
|
|
59
44
|
}
|
|
@@ -68,14 +53,7 @@ $package-name: 'mono';
|
|
|
68
53
|
font-family: $font-family;
|
|
69
54
|
font-style: $style;
|
|
70
55
|
font-weight: 300;
|
|
71
|
-
src: src.get(
|
|
72
|
-
$name,
|
|
73
|
-
Light,
|
|
74
|
-
$style,
|
|
75
|
-
$unicode-range,
|
|
76
|
-
$formats,
|
|
77
|
-
$package-name
|
|
78
|
-
);
|
|
56
|
+
src: src.get($name, Light, $style, $unicode-range, $formats);
|
|
79
57
|
unicode-range: unicode.get-range($unicode-range);
|
|
80
58
|
}
|
|
81
59
|
}
|
|
@@ -90,14 +68,7 @@ $package-name: 'mono';
|
|
|
90
68
|
font-family: $font-family;
|
|
91
69
|
font-style: $style;
|
|
92
70
|
font-weight: 400;
|
|
93
|
-
src: src.get(
|
|
94
|
-
$name,
|
|
95
|
-
Regular,
|
|
96
|
-
$style,
|
|
97
|
-
$unicode-range,
|
|
98
|
-
$formats,
|
|
99
|
-
$package-name
|
|
100
|
-
);
|
|
71
|
+
src: src.get($name, Regular, $style, $unicode-range, $formats);
|
|
101
72
|
unicode-range: unicode.get-range($unicode-range);
|
|
102
73
|
}
|
|
103
74
|
}
|
|
@@ -112,14 +83,7 @@ $package-name: 'mono';
|
|
|
112
83
|
font-family: $font-family;
|
|
113
84
|
font-style: $style;
|
|
114
85
|
font-weight: 450;
|
|
115
|
-
src: src.get(
|
|
116
|
-
$name,
|
|
117
|
-
Text,
|
|
118
|
-
$style,
|
|
119
|
-
$unicode-range,
|
|
120
|
-
$formats,
|
|
121
|
-
$package-name
|
|
122
|
-
);
|
|
86
|
+
src: src.get($name, Text, $style, $unicode-range, $formats);
|
|
123
87
|
unicode-range: unicode.get-range($unicode-range);
|
|
124
88
|
}
|
|
125
89
|
}
|
|
@@ -134,14 +98,7 @@ $package-name: 'mono';
|
|
|
134
98
|
font-family: $font-family;
|
|
135
99
|
font-style: $style;
|
|
136
100
|
font-weight: 500;
|
|
137
|
-
src: src.get(
|
|
138
|
-
$name,
|
|
139
|
-
Medium,
|
|
140
|
-
$style,
|
|
141
|
-
$unicode-range,
|
|
142
|
-
$formats,
|
|
143
|
-
$package-name
|
|
144
|
-
);
|
|
101
|
+
src: src.get($name, Medium, $style, $unicode-range, $formats);
|
|
145
102
|
unicode-range: unicode.get-range($unicode-range);
|
|
146
103
|
}
|
|
147
104
|
}
|
|
@@ -156,14 +113,7 @@ $package-name: 'mono';
|
|
|
156
113
|
font-family: $font-family;
|
|
157
114
|
font-style: $style;
|
|
158
115
|
font-weight: 600;
|
|
159
|
-
src: src.get(
|
|
160
|
-
$name,
|
|
161
|
-
SemiBold,
|
|
162
|
-
$style,
|
|
163
|
-
$unicode-range,
|
|
164
|
-
$formats,
|
|
165
|
-
$package-name
|
|
166
|
-
);
|
|
116
|
+
src: src.get($name, SemiBold, $style, $unicode-range, $formats);
|
|
167
117
|
unicode-range: unicode.get-range($unicode-range);
|
|
168
118
|
}
|
|
169
119
|
}
|
|
@@ -178,14 +128,7 @@ $package-name: 'mono';
|
|
|
178
128
|
font-family: $font-family;
|
|
179
129
|
font-style: $style;
|
|
180
130
|
font-weight: 700;
|
|
181
|
-
src: src.get(
|
|
182
|
-
$name,
|
|
183
|
-
Bold,
|
|
184
|
-
$style,
|
|
185
|
-
$unicode-range,
|
|
186
|
-
$formats,
|
|
187
|
-
$package-name
|
|
188
|
-
);
|
|
131
|
+
src: src.get($name, Bold, $style, $unicode-range, $formats);
|
|
189
132
|
unicode-range: unicode.get-range($unicode-range);
|
|
190
133
|
}
|
|
191
134
|
}
|
|
@@ -12,7 +12,6 @@ $font-family: 'IBM Plex Sans Arabic';
|
|
|
12
12
|
$name: 'IBM-Plex-Sans-Arabic';
|
|
13
13
|
$styles: (normal);
|
|
14
14
|
$formats: (woff2, woff);
|
|
15
|
-
$package-name: 'sans-arabic';
|
|
16
15
|
|
|
17
16
|
@mixin thin() {
|
|
18
17
|
@font-face {
|
|
@@ -24,8 +23,7 @@ $package-name: 'sans-arabic';
|
|
|
24
23
|
$name: $name,
|
|
25
24
|
$weight: Thin,
|
|
26
25
|
$style: $styles,
|
|
27
|
-
$formats: $formats
|
|
28
|
-
$package-name: $package-name
|
|
26
|
+
$formats: $formats
|
|
29
27
|
);
|
|
30
28
|
}
|
|
31
29
|
}
|
|
@@ -40,8 +38,7 @@ $package-name: 'sans-arabic';
|
|
|
40
38
|
$name: $name,
|
|
41
39
|
$weight: ExtraLight,
|
|
42
40
|
$style: $styles,
|
|
43
|
-
$formats: $formats
|
|
44
|
-
$package-name: $package-name
|
|
41
|
+
$formats: $formats
|
|
45
42
|
);
|
|
46
43
|
}
|
|
47
44
|
}
|
|
@@ -56,8 +53,7 @@ $package-name: 'sans-arabic';
|
|
|
56
53
|
$name: $name,
|
|
57
54
|
$weight: Light,
|
|
58
55
|
$style: $styles,
|
|
59
|
-
$formats: $formats
|
|
60
|
-
$package-name: $package-name
|
|
56
|
+
$formats: $formats
|
|
61
57
|
);
|
|
62
58
|
}
|
|
63
59
|
}
|
|
@@ -72,8 +68,7 @@ $package-name: 'sans-arabic';
|
|
|
72
68
|
$name: $name,
|
|
73
69
|
$weight: Regular,
|
|
74
70
|
$style: $styles,
|
|
75
|
-
$formats: $formats
|
|
76
|
-
$package-name: $package-name
|
|
71
|
+
$formats: $formats
|
|
77
72
|
);
|
|
78
73
|
}
|
|
79
74
|
}
|
|
@@ -88,8 +83,7 @@ $package-name: 'sans-arabic';
|
|
|
88
83
|
$name: $name,
|
|
89
84
|
$weight: Text,
|
|
90
85
|
$style: $styles,
|
|
91
|
-
$formats: $formats
|
|
92
|
-
$package-name: $package-name
|
|
86
|
+
$formats: $formats
|
|
93
87
|
);
|
|
94
88
|
}
|
|
95
89
|
}
|
|
@@ -104,8 +98,7 @@ $package-name: 'sans-arabic';
|
|
|
104
98
|
$name: $name,
|
|
105
99
|
$weight: Medium,
|
|
106
100
|
$style: $styles,
|
|
107
|
-
$formats: $formats
|
|
108
|
-
$package-name: $package-name
|
|
101
|
+
$formats: $formats
|
|
109
102
|
);
|
|
110
103
|
}
|
|
111
104
|
}
|
|
@@ -120,8 +113,7 @@ $package-name: 'sans-arabic';
|
|
|
120
113
|
$name: $name,
|
|
121
114
|
$weight: SemiBold,
|
|
122
115
|
$style: $styles,
|
|
123
|
-
$formats: $formats
|
|
124
|
-
$package-name: $package-name
|
|
116
|
+
$formats: $formats
|
|
125
117
|
);
|
|
126
118
|
}
|
|
127
119
|
}
|
|
@@ -136,8 +128,7 @@ $package-name: 'sans-arabic';
|
|
|
136
128
|
$name: $name,
|
|
137
129
|
$weight: Bold,
|
|
138
130
|
$style: $styles,
|
|
139
|
-
$formats: $formats
|
|
140
|
-
$package-name: $package-name
|
|
131
|
+
$formats: $formats
|
|
141
132
|
);
|
|
142
133
|
}
|
|
143
134
|
}
|
|
@@ -12,7 +12,6 @@ $font-family: 'IBM Plex Sans Devanagari';
|
|
|
12
12
|
$name: 'IBM-Plex-Sans-Devanagari';
|
|
13
13
|
$styles: (normal);
|
|
14
14
|
$formats: (woff2, woff);
|
|
15
|
-
$package-name: 'sans-devanagari';
|
|
16
15
|
|
|
17
16
|
@mixin thin() {
|
|
18
17
|
@font-face {
|
|
@@ -24,8 +23,7 @@ $package-name: 'sans-devanagari';
|
|
|
24
23
|
$name: $name,
|
|
25
24
|
$weight: Thin,
|
|
26
25
|
$style: $styles,
|
|
27
|
-
$formats: $formats
|
|
28
|
-
$package-name: $package-name
|
|
26
|
+
$formats: $formats
|
|
29
27
|
);
|
|
30
28
|
}
|
|
31
29
|
}
|
|
@@ -40,8 +38,7 @@ $package-name: 'sans-devanagari';
|
|
|
40
38
|
$name: $name,
|
|
41
39
|
$weight: ExtraLight,
|
|
42
40
|
$style: $styles,
|
|
43
|
-
$formats: $formats
|
|
44
|
-
$package-name: $package-name
|
|
41
|
+
$formats: $formats
|
|
45
42
|
);
|
|
46
43
|
}
|
|
47
44
|
}
|
|
@@ -56,8 +53,7 @@ $package-name: 'sans-devanagari';
|
|
|
56
53
|
$name: $name,
|
|
57
54
|
$weight: Light,
|
|
58
55
|
$style: $styles,
|
|
59
|
-
$formats: $formats
|
|
60
|
-
$package-name: $package-name
|
|
56
|
+
$formats: $formats
|
|
61
57
|
);
|
|
62
58
|
}
|
|
63
59
|
}
|
|
@@ -72,8 +68,7 @@ $package-name: 'sans-devanagari';
|
|
|
72
68
|
$name: $name,
|
|
73
69
|
$weight: Regular,
|
|
74
70
|
$style: $styles,
|
|
75
|
-
$formats: $formats
|
|
76
|
-
$package-name: $package-name
|
|
71
|
+
$formats: $formats
|
|
77
72
|
);
|
|
78
73
|
}
|
|
79
74
|
}
|
|
@@ -88,8 +83,7 @@ $package-name: 'sans-devanagari';
|
|
|
88
83
|
$name: $name,
|
|
89
84
|
$weight: Text,
|
|
90
85
|
$style: $styles,
|
|
91
|
-
$formats: $formats
|
|
92
|
-
$package-name: $package-name
|
|
86
|
+
$formats: $formats
|
|
93
87
|
);
|
|
94
88
|
}
|
|
95
89
|
}
|
|
@@ -104,8 +98,7 @@ $package-name: 'sans-devanagari';
|
|
|
104
98
|
$name: $name,
|
|
105
99
|
$weight: Medium,
|
|
106
100
|
$style: $styles,
|
|
107
|
-
$formats: $formats
|
|
108
|
-
$package-name: $package-name
|
|
101
|
+
$formats: $formats
|
|
109
102
|
);
|
|
110
103
|
}
|
|
111
104
|
}
|
|
@@ -120,8 +113,7 @@ $package-name: 'sans-devanagari';
|
|
|
120
113
|
$name: $name,
|
|
121
114
|
$weight: SemiBold,
|
|
122
115
|
$style: $styles,
|
|
123
|
-
$formats: $formats
|
|
124
|
-
$package-name: $package-name
|
|
116
|
+
$formats: $formats
|
|
125
117
|
);
|
|
126
118
|
}
|
|
127
119
|
}
|
|
@@ -136,8 +128,7 @@ $package-name: 'sans-devanagari';
|
|
|
136
128
|
$name: $name,
|
|
137
129
|
$weight: Bold,
|
|
138
130
|
$style: $styles,
|
|
139
|
-
$formats: $formats
|
|
140
|
-
$package-name: $package-name
|
|
131
|
+
$formats: $formats
|
|
141
132
|
);
|
|
142
133
|
}
|
|
143
134
|
}
|
|
@@ -12,7 +12,6 @@ $font-family: 'IBM Plex Sans Hebrew';
|
|
|
12
12
|
$name: 'IBM-Plex-Sans-Hebrew';
|
|
13
13
|
$styles: (normal);
|
|
14
14
|
$formats: (woff2, woff);
|
|
15
|
-
$package-name: 'sans-hebrew';
|
|
16
15
|
|
|
17
16
|
@mixin thin() {
|
|
18
17
|
@font-face {
|
|
@@ -24,8 +23,7 @@ $package-name: 'sans-hebrew';
|
|
|
24
23
|
$name: $name,
|
|
25
24
|
$weight: Thin,
|
|
26
25
|
$style: $styles,
|
|
27
|
-
$formats: $formats
|
|
28
|
-
$package-name: $package-name
|
|
26
|
+
$formats: $formats
|
|
29
27
|
);
|
|
30
28
|
}
|
|
31
29
|
}
|
|
@@ -40,8 +38,7 @@ $package-name: 'sans-hebrew';
|
|
|
40
38
|
$name: $name,
|
|
41
39
|
$weight: ExtraLight,
|
|
42
40
|
$style: $styles,
|
|
43
|
-
$formats: $formats
|
|
44
|
-
$package-name: $package-name
|
|
41
|
+
$formats: $formats
|
|
45
42
|
);
|
|
46
43
|
}
|
|
47
44
|
}
|
|
@@ -56,8 +53,7 @@ $package-name: 'sans-hebrew';
|
|
|
56
53
|
$name: $name,
|
|
57
54
|
$weight: Light,
|
|
58
55
|
$style: $styles,
|
|
59
|
-
$formats: $formats
|
|
60
|
-
$package-name: $package-name
|
|
56
|
+
$formats: $formats
|
|
61
57
|
);
|
|
62
58
|
}
|
|
63
59
|
}
|
|
@@ -72,8 +68,7 @@ $package-name: 'sans-hebrew';
|
|
|
72
68
|
$name: $name,
|
|
73
69
|
$weight: Regular,
|
|
74
70
|
$style: $styles,
|
|
75
|
-
$formats: $formats
|
|
76
|
-
$package-name: $package-name
|
|
71
|
+
$formats: $formats
|
|
77
72
|
);
|
|
78
73
|
}
|
|
79
74
|
}
|
|
@@ -88,8 +83,7 @@ $package-name: 'sans-hebrew';
|
|
|
88
83
|
$name: $name,
|
|
89
84
|
$weight: Text,
|
|
90
85
|
$style: $styles,
|
|
91
|
-
$formats: $formats
|
|
92
|
-
$package-name: $package-name
|
|
86
|
+
$formats: $formats
|
|
93
87
|
);
|
|
94
88
|
}
|
|
95
89
|
}
|
|
@@ -104,8 +98,7 @@ $package-name: 'sans-hebrew';
|
|
|
104
98
|
$name: $name,
|
|
105
99
|
$weight: Medium,
|
|
106
100
|
$style: $styles,
|
|
107
|
-
$formats: $formats
|
|
108
|
-
$package-name: $package-name
|
|
101
|
+
$formats: $formats
|
|
109
102
|
);
|
|
110
103
|
}
|
|
111
104
|
}
|
|
@@ -120,8 +113,7 @@ $package-name: 'sans-hebrew';
|
|
|
120
113
|
$name: $name,
|
|
121
114
|
$weight: SemiBold,
|
|
122
115
|
$style: $styles,
|
|
123
|
-
$formats: $formats
|
|
124
|
-
$package-name: $package-name
|
|
116
|
+
$formats: $formats
|
|
125
117
|
);
|
|
126
118
|
}
|
|
127
119
|
}
|
|
@@ -136,8 +128,7 @@ $package-name: 'sans-hebrew';
|
|
|
136
128
|
$name: $name,
|
|
137
129
|
$weight: Bold,
|
|
138
130
|
$style: $styles,
|
|
139
|
-
$formats: $formats
|
|
140
|
-
$package-name: $package-name
|
|
131
|
+
$formats: $formats
|
|
141
132
|
);
|
|
142
133
|
}
|
|
143
134
|
}
|
|
@@ -12,7 +12,6 @@ $font-family: 'IBM Plex Sans Thai Looped';
|
|
|
12
12
|
$name: 'IBM-Plex-Sans-Thai-Looped';
|
|
13
13
|
$styles: (normal);
|
|
14
14
|
$formats: (woff2, woff);
|
|
15
|
-
$package-name: 'sans-thai-looped';
|
|
16
15
|
|
|
17
16
|
@mixin thin() {
|
|
18
17
|
@font-face {
|
|
@@ -24,8 +23,7 @@ $package-name: 'sans-thai-looped';
|
|
|
24
23
|
$name: $name,
|
|
25
24
|
$weight: Thin,
|
|
26
25
|
$style: $styles,
|
|
27
|
-
$formats: $formats
|
|
28
|
-
$package-name: $package-name
|
|
26
|
+
$formats: $formats
|
|
29
27
|
);
|
|
30
28
|
}
|
|
31
29
|
}
|
|
@@ -40,8 +38,7 @@ $package-name: 'sans-thai-looped';
|
|
|
40
38
|
$name: $name,
|
|
41
39
|
$weight: ExtraLight,
|
|
42
40
|
$style: $styles,
|
|
43
|
-
$formats: $formats
|
|
44
|
-
$package-name: $package-name
|
|
41
|
+
$formats: $formats
|
|
45
42
|
);
|
|
46
43
|
}
|
|
47
44
|
}
|
|
@@ -56,8 +53,7 @@ $package-name: 'sans-thai-looped';
|
|
|
56
53
|
$name: $name,
|
|
57
54
|
$weight: Light,
|
|
58
55
|
$style: $styles,
|
|
59
|
-
$formats: $formats
|
|
60
|
-
$package-name: $package-name
|
|
56
|
+
$formats: $formats
|
|
61
57
|
);
|
|
62
58
|
}
|
|
63
59
|
}
|
|
@@ -72,8 +68,7 @@ $package-name: 'sans-thai-looped';
|
|
|
72
68
|
$name: $name,
|
|
73
69
|
$weight: Regular,
|
|
74
70
|
$style: $styles,
|
|
75
|
-
$formats: $formats
|
|
76
|
-
$package-name: $package-name
|
|
71
|
+
$formats: $formats
|
|
77
72
|
);
|
|
78
73
|
}
|
|
79
74
|
}
|
|
@@ -88,8 +83,7 @@ $package-name: 'sans-thai-looped';
|
|
|
88
83
|
$name: $name,
|
|
89
84
|
$weight: Text,
|
|
90
85
|
$style: $styles,
|
|
91
|
-
$formats: $formats
|
|
92
|
-
$package-name: $package-name
|
|
86
|
+
$formats: $formats
|
|
93
87
|
);
|
|
94
88
|
}
|
|
95
89
|
}
|
|
@@ -104,8 +98,7 @@ $package-name: 'sans-thai-looped';
|
|
|
104
98
|
$name: $name,
|
|
105
99
|
$weight: Medium,
|
|
106
100
|
$style: $styles,
|
|
107
|
-
$formats: $formats
|
|
108
|
-
$package-name: $package-name
|
|
101
|
+
$formats: $formats
|
|
109
102
|
);
|
|
110
103
|
}
|
|
111
104
|
}
|
|
@@ -120,8 +113,7 @@ $package-name: 'sans-thai-looped';
|
|
|
120
113
|
$name: $name,
|
|
121
114
|
$weight: SemiBold,
|
|
122
115
|
$style: $styles,
|
|
123
|
-
$formats: $formats
|
|
124
|
-
$package-name: $package-name
|
|
116
|
+
$formats: $formats
|
|
125
117
|
);
|
|
126
118
|
}
|
|
127
119
|
}
|
|
@@ -136,8 +128,7 @@ $package-name: 'sans-thai-looped';
|
|
|
136
128
|
$name: $name,
|
|
137
129
|
$weight: Bold,
|
|
138
130
|
$style: $styles,
|
|
139
|
-
$formats: $formats
|
|
140
|
-
$package-name: $package-name
|
|
131
|
+
$formats: $formats
|
|
141
132
|
);
|
|
142
133
|
}
|
|
143
134
|
}
|
|
@@ -12,7 +12,6 @@ $font-family: 'IBM Plex Sans Thai';
|
|
|
12
12
|
$name: 'IBM-Plex-Sans-Thai';
|
|
13
13
|
$styles: (normal);
|
|
14
14
|
$formats: (woff2, woff);
|
|
15
|
-
$package-name: 'sans-thai';
|
|
16
15
|
|
|
17
16
|
@mixin thin() {
|
|
18
17
|
@font-face {
|
|
@@ -24,8 +23,7 @@ $package-name: 'sans-thai';
|
|
|
24
23
|
$name: $name,
|
|
25
24
|
$weight: Thin,
|
|
26
25
|
$style: $styles,
|
|
27
|
-
$formats: $formats
|
|
28
|
-
$package-name: $package-name
|
|
26
|
+
$formats: $formats
|
|
29
27
|
);
|
|
30
28
|
}
|
|
31
29
|
}
|
|
@@ -40,8 +38,7 @@ $package-name: 'sans-thai';
|
|
|
40
38
|
$name: $name,
|
|
41
39
|
$weight: ExtraLight,
|
|
42
40
|
$style: $styles,
|
|
43
|
-
$formats: $formats
|
|
44
|
-
$package-name: $package-name
|
|
41
|
+
$formats: $formats
|
|
45
42
|
);
|
|
46
43
|
}
|
|
47
44
|
}
|
|
@@ -56,8 +53,7 @@ $package-name: 'sans-thai';
|
|
|
56
53
|
$name: $name,
|
|
57
54
|
$weight: Light,
|
|
58
55
|
$style: $styles,
|
|
59
|
-
$formats: $formats
|
|
60
|
-
$package-name: $package-name
|
|
56
|
+
$formats: $formats
|
|
61
57
|
);
|
|
62
58
|
}
|
|
63
59
|
}
|
|
@@ -72,8 +68,7 @@ $package-name: 'sans-thai';
|
|
|
72
68
|
$name: $name,
|
|
73
69
|
$weight: Regular,
|
|
74
70
|
$style: $styles,
|
|
75
|
-
$formats: $formats
|
|
76
|
-
$package-name: $package-name
|
|
71
|
+
$formats: $formats
|
|
77
72
|
);
|
|
78
73
|
}
|
|
79
74
|
}
|
|
@@ -88,8 +83,7 @@ $package-name: 'sans-thai';
|
|
|
88
83
|
$name: $name,
|
|
89
84
|
$weight: Text,
|
|
90
85
|
$style: $styles,
|
|
91
|
-
$formats: $formats
|
|
92
|
-
$package-name: $package-name
|
|
86
|
+
$formats: $formats
|
|
93
87
|
);
|
|
94
88
|
}
|
|
95
89
|
}
|
|
@@ -104,8 +98,7 @@ $package-name: 'sans-thai';
|
|
|
104
98
|
$name: $name,
|
|
105
99
|
$weight: Medium,
|
|
106
100
|
$style: $styles,
|
|
107
|
-
$formats: $formats
|
|
108
|
-
$package-name: $package-name
|
|
101
|
+
$formats: $formats
|
|
109
102
|
);
|
|
110
103
|
}
|
|
111
104
|
}
|
|
@@ -120,8 +113,7 @@ $package-name: 'sans-thai';
|
|
|
120
113
|
$name: $name,
|
|
121
114
|
$weight: SemiBold,
|
|
122
115
|
$style: $styles,
|
|
123
|
-
$formats: $formats
|
|
124
|
-
$package-name: $package-name
|
|
116
|
+
$formats: $formats
|
|
125
117
|
);
|
|
126
118
|
}
|
|
127
119
|
}
|
|
@@ -136,8 +128,7 @@ $package-name: 'sans-thai';
|
|
|
136
128
|
$name: $name,
|
|
137
129
|
$weight: Bold,
|
|
138
130
|
$style: $styles,
|
|
139
|
-
$formats: $formats
|
|
140
|
-
$package-name: $package-name
|
|
131
|
+
$formats: $formats
|
|
141
132
|
);
|
|
142
133
|
}
|
|
143
134
|
}
|
package/scss/fonts/_sans.scss
CHANGED
|
@@ -13,8 +13,7 @@ $font-family: 'IBM Plex Sans';
|
|
|
13
13
|
$name: 'IBM-Plex-Sans';
|
|
14
14
|
$styles: (normal, italic);
|
|
15
15
|
$unicode-ranges: (Cyrillic, Pi, Latin3, Latin2, Latin1);
|
|
16
|
-
$formats: (woff2);
|
|
17
|
-
$package-name: 'sans';
|
|
16
|
+
$formats: (woff2, woff);
|
|
18
17
|
|
|
19
18
|
@mixin thin($styles: $styles, $unicode-ranges: $unicode-ranges) {
|
|
20
19
|
@each $style in $styles {
|
|
@@ -24,14 +23,7 @@ $package-name: 'sans';
|
|
|
24
23
|
font-family: $font-family;
|
|
25
24
|
font-style: $style;
|
|
26
25
|
font-weight: 100;
|
|
27
|
-
src: src.get(
|
|
28
|
-
$name,
|
|
29
|
-
Thin,
|
|
30
|
-
$style,
|
|
31
|
-
$unicode-range,
|
|
32
|
-
$formats,
|
|
33
|
-
$package-name
|
|
34
|
-
);
|
|
26
|
+
src: src.get($name, Thin, $style, $unicode-range, $formats);
|
|
35
27
|
unicode-range: unicode.get-range($unicode-range);
|
|
36
28
|
}
|
|
37
29
|
}
|
|
@@ -46,14 +38,7 @@ $package-name: 'sans';
|
|
|
46
38
|
font-family: $font-family;
|
|
47
39
|
font-style: $style;
|
|
48
40
|
font-weight: 200;
|
|
49
|
-
src: src.get(
|
|
50
|
-
$name,
|
|
51
|
-
ExtraLight,
|
|
52
|
-
$style,
|
|
53
|
-
$unicode-range,
|
|
54
|
-
$formats,
|
|
55
|
-
$package-name
|
|
56
|
-
);
|
|
41
|
+
src: src.get($name, ExtraLight, $style, $unicode-range, $formats);
|
|
57
42
|
unicode-range: unicode.get-range($unicode-range);
|
|
58
43
|
}
|
|
59
44
|
}
|
|
@@ -68,14 +53,7 @@ $package-name: 'sans';
|
|
|
68
53
|
font-family: $font-family;
|
|
69
54
|
font-style: $style;
|
|
70
55
|
font-weight: 300;
|
|
71
|
-
src: src.get(
|
|
72
|
-
$name,
|
|
73
|
-
Light,
|
|
74
|
-
$style,
|
|
75
|
-
$unicode-range,
|
|
76
|
-
$formats,
|
|
77
|
-
$package-name
|
|
78
|
-
);
|
|
56
|
+
src: src.get($name, Light, $style, $unicode-range, $formats);
|
|
79
57
|
unicode-range: unicode.get-range($unicode-range);
|
|
80
58
|
}
|
|
81
59
|
}
|
|
@@ -90,14 +68,7 @@ $package-name: 'sans';
|
|
|
90
68
|
font-family: $font-family;
|
|
91
69
|
font-style: $style;
|
|
92
70
|
font-weight: 400;
|
|
93
|
-
src: src.get(
|
|
94
|
-
$name,
|
|
95
|
-
Regular,
|
|
96
|
-
$style,
|
|
97
|
-
$unicode-range,
|
|
98
|
-
$formats,
|
|
99
|
-
$package-name
|
|
100
|
-
);
|
|
71
|
+
src: src.get($name, Regular, $style, $unicode-range, $formats);
|
|
101
72
|
unicode-range: unicode.get-range($unicode-range);
|
|
102
73
|
}
|
|
103
74
|
}
|
|
@@ -112,14 +83,7 @@ $package-name: 'sans';
|
|
|
112
83
|
font-family: $font-family;
|
|
113
84
|
font-style: $style;
|
|
114
85
|
font-weight: 450;
|
|
115
|
-
src: src.get(
|
|
116
|
-
$name,
|
|
117
|
-
Text,
|
|
118
|
-
$style,
|
|
119
|
-
$unicode-range,
|
|
120
|
-
$formats,
|
|
121
|
-
$package-name
|
|
122
|
-
);
|
|
86
|
+
src: src.get($name, Text, $style, $unicode-range, $formats);
|
|
123
87
|
unicode-range: unicode.get-range($unicode-range);
|
|
124
88
|
}
|
|
125
89
|
}
|
|
@@ -134,14 +98,7 @@ $package-name: 'sans';
|
|
|
134
98
|
font-family: $font-family;
|
|
135
99
|
font-style: $style;
|
|
136
100
|
font-weight: 500;
|
|
137
|
-
src: src.get(
|
|
138
|
-
$name,
|
|
139
|
-
Medium,
|
|
140
|
-
$style,
|
|
141
|
-
$unicode-range,
|
|
142
|
-
$formats,
|
|
143
|
-
$package-name
|
|
144
|
-
);
|
|
101
|
+
src: src.get($name, Medium, $style, $unicode-range, $formats);
|
|
145
102
|
unicode-range: unicode.get-range($unicode-range);
|
|
146
103
|
}
|
|
147
104
|
}
|
|
@@ -156,14 +113,7 @@ $package-name: 'sans';
|
|
|
156
113
|
font-family: $font-family;
|
|
157
114
|
font-style: $style;
|
|
158
115
|
font-weight: 600;
|
|
159
|
-
src: src.get(
|
|
160
|
-
$name,
|
|
161
|
-
SemiBold,
|
|
162
|
-
$style,
|
|
163
|
-
$unicode-range,
|
|
164
|
-
$formats,
|
|
165
|
-
$package-name
|
|
166
|
-
);
|
|
116
|
+
src: src.get($name, SemiBold, $style, $unicode-range, $formats);
|
|
167
117
|
unicode-range: unicode.get-range($unicode-range);
|
|
168
118
|
}
|
|
169
119
|
}
|
|
@@ -178,14 +128,7 @@ $package-name: 'sans';
|
|
|
178
128
|
font-family: $font-family;
|
|
179
129
|
font-style: $style;
|
|
180
130
|
font-weight: 700;
|
|
181
|
-
src: src.get(
|
|
182
|
-
$name,
|
|
183
|
-
Bold,
|
|
184
|
-
$style,
|
|
185
|
-
$unicode-range,
|
|
186
|
-
$formats,
|
|
187
|
-
$package-name
|
|
188
|
-
);
|
|
131
|
+
src: src.get($name, Bold, $style, $unicode-range, $formats);
|
|
189
132
|
unicode-range: unicode.get-range($unicode-range);
|
|
190
133
|
}
|
|
191
134
|
}
|