@carbon/type 10.43.2 → 11.0.0-rc.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.
- package/README.md +2 -6
- package/index.scss +7 -7
- package/package.json +6 -6
- package/scss/_classes.scss +8 -7
- package/scss/{modules/_default-type.scss → _default-type.scss} +0 -0
- package/scss/_font-family.scss +51 -17
- package/scss/_inlined/_classes.scss +8 -7
- package/scss/_inlined/_default-type.scss +55 -0
- package/scss/_inlined/_font-family.scss +51 -17
- package/scss/_inlined/_reset.scss +11 -59
- package/scss/_inlined/_scale.scss +13 -15
- package/scss/_inlined/_styles.scss +146 -214
- package/scss/_reset.scss +11 -59
- package/scss/_scale.scss +13 -15
- package/scss/_styles.scss +146 -214
- package/scss/vendor/@carbon/grid/{modules/_breakpoint.scss → _breakpoint.scss} +1 -1
- package/scss/vendor/@carbon/grid/{modules/_config.scss → _config.scss} +1 -1
- package/scss/vendor/@carbon/grid/{modules/_css-grid.scss → _css-grid.scss} +0 -0
- package/scss/vendor/@carbon/grid/{modules/_flex-grid.scss → _flex-grid.scss} +0 -20
- package/scss/vendor/@carbon/grid/_inlined/_breakpoint.scss +198 -0
- package/scss/vendor/@carbon/grid/_inlined/_config.scss +94 -0
- package/scss/vendor/@carbon/grid/_inlined/_css-grid.scss +470 -0
- package/scss/vendor/@carbon/grid/{modules/_mixins.scss → _inlined/_flex-grid.scss} +45 -38
- package/scss/vendor/@carbon/grid/_inlined/_mixins.scss +89 -188
- package/scss/vendor/@carbon/grid/_mixins.scss +89 -188
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_convert.import.scss +2 -4
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_convert.scss +18 -23
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_spacing.scss +2 -5
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_utilities.scss +4 -4
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_container.scss +13 -43
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_fluid-spacing.scss +11 -35
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_icon-size.scss +8 -17
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_size.scss +1 -1
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_spacing.scss +29 -107
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/modules/_convert.scss +2 -4
- package/scss/_inlined/_styles.import.scss +0 -766
- package/scss/_inlined/font-face/_mono.scss +0 -430
- package/scss/_inlined/font-face/_sans-condensed.scss +0 -302
- package/scss/_inlined/font-face/_sans.scss +0 -497
- package/scss/_inlined/font-face/_serif.scss +0 -430
- package/scss/_inlined/font-face/_settings.scss +0 -12
- package/scss/_styles.import.scss +0 -766
- package/scss/font-face/_mono.scss +0 -430
- package/scss/font-face/_sans-condensed.scss +0 -302
- package/scss/font-face/_sans.scss +0 -497
- package/scss/font-face/_serif.scss +0 -430
- package/scss/font-face/_settings.scss +0 -12
- package/scss/index.scss +0 -8
- package/scss/modules/_classes.scss +0 -42
- package/scss/modules/_font-family.scss +0 -104
- package/scss/modules/_prefix.scss +0 -11
- package/scss/modules/_reset.scss +0 -44
- package/scss/modules/_scale.scss +0 -57
- package/scss/modules/_styles.scss +0 -876
- package/scss/type.scss +0 -8
- package/scss/vendor/@carbon/grid/12.scss +0 -41
- package/scss/vendor/@carbon/grid/_inlined/12.scss +0 -41
- package/scss/vendor/@carbon/grid/_inlined/_mixins.import.scss +0 -431
- package/scss/vendor/@carbon/grid/_inlined/_prefix.scss +0 -12
- package/scss/vendor/@carbon/grid/_mixins.import.scss +0 -431
- package/scss/vendor/@carbon/grid/_prefix.scss +0 -12
- package/scss/vendor/@carbon/grid/grid.scss +0 -10
- package/scss/vendor/@carbon/grid/index.scss +0 -10
- package/scss/vendor/@carbon/grid/vendor/@carbon/import-once/import-once.scss +0 -27
- package/scss/vendor/@carbon/grid/vendor/@carbon/import-once/index.scss +0 -8
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_breakpoint.scss +0 -246
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_key-height.import.scss +0 -117
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_key-height.scss +0 -111
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_mini-unit.scss +0 -23
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_layout.scss +0 -97
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/index.scss +0 -8
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/layout.scss +0 -12
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/modules/_spacing.scss +0 -9
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/modules/_utilities.scss +0 -41
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +0 -37
- package/scss/vendor/@carbon/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +0 -91
- package/scss/vendor/@carbon/import-once/import-once.scss +0 -27
- package/scss/vendor/@carbon/import-once/index.scss +0 -8
|
@@ -1,430 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright IBM Corp. 2018, 2018
|
|
3
|
-
//
|
|
4
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
// LICENSE file in the root directory of this source tree.
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
@import 'settings';
|
|
9
|
-
|
|
10
|
-
/// Serif `@font-face`'s
|
|
11
|
-
/// @access public
|
|
12
|
-
/// @group @carbon/type
|
|
13
|
-
@mixin carbon--font-face-serif {
|
|
14
|
-
// .woff support for IE11
|
|
15
|
-
@font-face {
|
|
16
|
-
font-display: $carbon--font-display;
|
|
17
|
-
font-family: 'IBM Plex Serif';
|
|
18
|
-
font-style: italic;
|
|
19
|
-
font-weight: 300;
|
|
20
|
-
src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
|
|
21
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npiw.woff)
|
|
22
|
-
format('woff');
|
|
23
|
-
}
|
|
24
|
-
@font-face {
|
|
25
|
-
font-display: $carbon--font-display;
|
|
26
|
-
font-family: 'IBM Plex Serif';
|
|
27
|
-
font-style: italic;
|
|
28
|
-
font-weight: 400;
|
|
29
|
-
src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
|
|
30
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTiA.woff)
|
|
31
|
-
format('woff');
|
|
32
|
-
}
|
|
33
|
-
@font-face {
|
|
34
|
-
font-display: $carbon--font-display;
|
|
35
|
-
font-family: 'IBM Plex Serif';
|
|
36
|
-
font-style: italic;
|
|
37
|
-
font-weight: 600;
|
|
38
|
-
src: local('IBM Plex Serif SemiBold Italic'),
|
|
39
|
-
local('IBMPlexSerif-SemiBoldItalic'),
|
|
40
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npiw.woff)
|
|
41
|
-
format('woff');
|
|
42
|
-
}
|
|
43
|
-
@font-face {
|
|
44
|
-
font-display: $carbon--font-display;
|
|
45
|
-
font-family: 'IBM Plex Serif';
|
|
46
|
-
font-style: normal;
|
|
47
|
-
font-weight: 300;
|
|
48
|
-
src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
|
|
49
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q10.woff)
|
|
50
|
-
format('woff');
|
|
51
|
-
}
|
|
52
|
-
@font-face {
|
|
53
|
-
font-display: $carbon--font-display;
|
|
54
|
-
font-family: 'IBM Plex Serif';
|
|
55
|
-
font-style: normal;
|
|
56
|
-
font-weight: 400;
|
|
57
|
-
src: local('IBM Plex Serif'), local('IBMPlexSerif'),
|
|
58
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zE.woff)
|
|
59
|
-
format('woff');
|
|
60
|
-
}
|
|
61
|
-
@font-face {
|
|
62
|
-
font-display: $carbon--font-display;
|
|
63
|
-
font-family: 'IBM Plex Serif';
|
|
64
|
-
font-style: normal;
|
|
65
|
-
font-weight: 600;
|
|
66
|
-
src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
|
|
67
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q10.woff)
|
|
68
|
-
format('woff');
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/* cyrillic-ext */
|
|
72
|
-
@font-face {
|
|
73
|
-
font-display: $carbon--font-display;
|
|
74
|
-
font-family: 'IBM Plex Serif';
|
|
75
|
-
font-style: italic;
|
|
76
|
-
font-weight: 300;
|
|
77
|
-
src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
|
|
78
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1TpjfGj7oaMBg.woff2)
|
|
79
|
-
format('woff2');
|
|
80
|
-
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
|
|
81
|
-
U+FE2E-FE2F;
|
|
82
|
-
}
|
|
83
|
-
/* cyrillic */
|
|
84
|
-
@font-face {
|
|
85
|
-
font-display: $carbon--font-display;
|
|
86
|
-
font-family: 'IBM Plex Serif';
|
|
87
|
-
font-style: italic;
|
|
88
|
-
font-weight: 300;
|
|
89
|
-
src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
|
|
90
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm13pjfGj7oaMBg.woff2)
|
|
91
|
-
format('woff2');
|
|
92
|
-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
93
|
-
}
|
|
94
|
-
/* vietnamese */
|
|
95
|
-
@font-face {
|
|
96
|
-
font-display: $carbon--font-display;
|
|
97
|
-
font-family: 'IBM Plex Serif';
|
|
98
|
-
font-style: italic;
|
|
99
|
-
font-weight: 300;
|
|
100
|
-
src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
|
|
101
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1bpjfGj7oaMBg.woff2)
|
|
102
|
-
format('woff2');
|
|
103
|
-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
104
|
-
}
|
|
105
|
-
/* latin-ext */
|
|
106
|
-
@font-face {
|
|
107
|
-
font-display: $carbon--font-display;
|
|
108
|
-
font-family: 'IBM Plex Serif';
|
|
109
|
-
font-style: italic;
|
|
110
|
-
font-weight: 300;
|
|
111
|
-
src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
|
|
112
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1fpjfGj7oaMBg.woff2)
|
|
113
|
-
format('woff2');
|
|
114
|
-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
|
|
115
|
-
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
116
|
-
}
|
|
117
|
-
/* latin */
|
|
118
|
-
@font-face {
|
|
119
|
-
font-display: $carbon--font-display;
|
|
120
|
-
font-family: 'IBM Plex Serif';
|
|
121
|
-
font-style: italic;
|
|
122
|
-
font-weight: 300;
|
|
123
|
-
src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
|
|
124
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npjfGj7oY.woff2)
|
|
125
|
-
format('woff2');
|
|
126
|
-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
|
|
127
|
-
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
|
|
128
|
-
U+2215, U+FEFF, U+FFFD;
|
|
129
|
-
}
|
|
130
|
-
/* cyrillic-ext */
|
|
131
|
-
@font-face {
|
|
132
|
-
font-display: $carbon--font-display;
|
|
133
|
-
font-family: 'IBM Plex Serif';
|
|
134
|
-
font-style: italic;
|
|
135
|
-
font-weight: 400;
|
|
136
|
-
src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
|
|
137
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zgTjnTLgNuZ5w.woff2)
|
|
138
|
-
format('woff2');
|
|
139
|
-
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
|
|
140
|
-
U+FE2E-FE2F;
|
|
141
|
-
}
|
|
142
|
-
/* cyrillic */
|
|
143
|
-
@font-face {
|
|
144
|
-
font-display: $carbon--font-display;
|
|
145
|
-
font-family: 'IBM Plex Serif';
|
|
146
|
-
font-style: italic;
|
|
147
|
-
font-weight: 400;
|
|
148
|
-
src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
|
|
149
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zETjnTLgNuZ5w.woff2)
|
|
150
|
-
format('woff2');
|
|
151
|
-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
152
|
-
}
|
|
153
|
-
/* vietnamese */
|
|
154
|
-
@font-face {
|
|
155
|
-
font-display: $carbon--font-display;
|
|
156
|
-
font-family: 'IBM Plex Serif';
|
|
157
|
-
font-style: italic;
|
|
158
|
-
font-weight: 400;
|
|
159
|
-
src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
|
|
160
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zoTjnTLgNuZ5w.woff2)
|
|
161
|
-
format('woff2');
|
|
162
|
-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
163
|
-
}
|
|
164
|
-
/* latin-ext */
|
|
165
|
-
@font-face {
|
|
166
|
-
font-display: $carbon--font-display;
|
|
167
|
-
font-family: 'IBM Plex Serif';
|
|
168
|
-
font-style: italic;
|
|
169
|
-
font-weight: 400;
|
|
170
|
-
src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
|
|
171
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zsTjnTLgNuZ5w.woff2)
|
|
172
|
-
format('woff2');
|
|
173
|
-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
|
|
174
|
-
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
175
|
-
}
|
|
176
|
-
/* latin */
|
|
177
|
-
@font-face {
|
|
178
|
-
font-display: $carbon--font-display;
|
|
179
|
-
font-family: 'IBM Plex Serif';
|
|
180
|
-
font-style: italic;
|
|
181
|
-
font-weight: 400;
|
|
182
|
-
src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
|
|
183
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTjnTLgNs.woff2)
|
|
184
|
-
format('woff2');
|
|
185
|
-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
|
|
186
|
-
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
|
|
187
|
-
U+2215, U+FEFF, U+FFFD;
|
|
188
|
-
}
|
|
189
|
-
/* cyrillic-ext */
|
|
190
|
-
@font-face {
|
|
191
|
-
font-display: $carbon--font-display;
|
|
192
|
-
font-family: 'IBM Plex Serif';
|
|
193
|
-
font-style: italic;
|
|
194
|
-
font-weight: 600;
|
|
195
|
-
src: local('IBM Plex Serif SemiBold Italic'),
|
|
196
|
-
local('IBMPlexSerif-SemiBoldItalic'),
|
|
197
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1TpjfGj7oaMBg.woff2)
|
|
198
|
-
format('woff2');
|
|
199
|
-
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
|
|
200
|
-
U+FE2E-FE2F;
|
|
201
|
-
}
|
|
202
|
-
/* cyrillic */
|
|
203
|
-
@font-face {
|
|
204
|
-
font-display: $carbon--font-display;
|
|
205
|
-
font-family: 'IBM Plex Serif';
|
|
206
|
-
font-style: italic;
|
|
207
|
-
font-weight: 600;
|
|
208
|
-
src: local('IBM Plex Serif SemiBold Italic'),
|
|
209
|
-
local('IBMPlexSerif-SemiBoldItalic'),
|
|
210
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m13pjfGj7oaMBg.woff2)
|
|
211
|
-
format('woff2');
|
|
212
|
-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
213
|
-
}
|
|
214
|
-
/* vietnamese */
|
|
215
|
-
@font-face {
|
|
216
|
-
font-display: $carbon--font-display;
|
|
217
|
-
font-family: 'IBM Plex Serif';
|
|
218
|
-
font-style: italic;
|
|
219
|
-
font-weight: 600;
|
|
220
|
-
src: local('IBM Plex Serif SemiBold Italic'),
|
|
221
|
-
local('IBMPlexSerif-SemiBoldItalic'),
|
|
222
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1bpjfGj7oaMBg.woff2)
|
|
223
|
-
format('woff2');
|
|
224
|
-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
225
|
-
}
|
|
226
|
-
/* latin-ext */
|
|
227
|
-
@font-face {
|
|
228
|
-
font-display: $carbon--font-display;
|
|
229
|
-
font-family: 'IBM Plex Serif';
|
|
230
|
-
font-style: italic;
|
|
231
|
-
font-weight: 600;
|
|
232
|
-
src: local('IBM Plex Serif SemiBold Italic'),
|
|
233
|
-
local('IBMPlexSerif-SemiBoldItalic'),
|
|
234
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1fpjfGj7oaMBg.woff2)
|
|
235
|
-
format('woff2');
|
|
236
|
-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
|
|
237
|
-
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
238
|
-
}
|
|
239
|
-
/* latin */
|
|
240
|
-
@font-face {
|
|
241
|
-
font-display: $carbon--font-display;
|
|
242
|
-
font-family: 'IBM Plex Serif';
|
|
243
|
-
font-style: italic;
|
|
244
|
-
font-weight: 600;
|
|
245
|
-
src: local('IBM Plex Serif SemiBold Italic'),
|
|
246
|
-
local('IBMPlexSerif-SemiBoldItalic'),
|
|
247
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npjfGj7oY.woff2)
|
|
248
|
-
format('woff2');
|
|
249
|
-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
|
|
250
|
-
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
|
|
251
|
-
U+2215, U+FEFF, U+FFFD;
|
|
252
|
-
}
|
|
253
|
-
/* cyrillic-ext */
|
|
254
|
-
@font-face {
|
|
255
|
-
font-display: $carbon--font-display;
|
|
256
|
-
font-family: 'IBM Plex Serif';
|
|
257
|
-
font-style: normal;
|
|
258
|
-
font-weight: 300;
|
|
259
|
-
src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
|
|
260
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI5q1vjitOh3oc.woff2)
|
|
261
|
-
format('woff2');
|
|
262
|
-
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
|
|
263
|
-
U+FE2E-FE2F;
|
|
264
|
-
}
|
|
265
|
-
/* cyrillic */
|
|
266
|
-
@font-face {
|
|
267
|
-
font-display: $carbon--font-display;
|
|
268
|
-
font-family: 'IBM Plex Serif';
|
|
269
|
-
font-style: normal;
|
|
270
|
-
font-weight: 300;
|
|
271
|
-
src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
|
|
272
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SIwq1vjitOh3oc.woff2)
|
|
273
|
-
format('woff2');
|
|
274
|
-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
275
|
-
}
|
|
276
|
-
/* vietnamese */
|
|
277
|
-
@font-face {
|
|
278
|
-
font-display: $carbon--font-display;
|
|
279
|
-
font-family: 'IBM Plex Serif';
|
|
280
|
-
font-style: normal;
|
|
281
|
-
font-weight: 300;
|
|
282
|
-
src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
|
|
283
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI7q1vjitOh3oc.woff2)
|
|
284
|
-
format('woff2');
|
|
285
|
-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
286
|
-
}
|
|
287
|
-
/* latin-ext */
|
|
288
|
-
@font-face {
|
|
289
|
-
font-display: $carbon--font-display;
|
|
290
|
-
font-family: 'IBM Plex Serif';
|
|
291
|
-
font-style: normal;
|
|
292
|
-
font-weight: 300;
|
|
293
|
-
src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
|
|
294
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI6q1vjitOh3oc.woff2)
|
|
295
|
-
format('woff2');
|
|
296
|
-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
|
|
297
|
-
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
298
|
-
}
|
|
299
|
-
/* latin */
|
|
300
|
-
@font-face {
|
|
301
|
-
font-display: $carbon--font-display;
|
|
302
|
-
font-family: 'IBM Plex Serif';
|
|
303
|
-
font-style: normal;
|
|
304
|
-
font-weight: 300;
|
|
305
|
-
src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
|
|
306
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q1vjitOh.woff2)
|
|
307
|
-
format('woff2');
|
|
308
|
-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
|
|
309
|
-
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
|
|
310
|
-
U+2215, U+FEFF, U+FFFD;
|
|
311
|
-
}
|
|
312
|
-
/* cyrillic-ext */
|
|
313
|
-
@font-face {
|
|
314
|
-
font-display: $carbon--font-display;
|
|
315
|
-
font-family: 'IBM Plex Serif';
|
|
316
|
-
font-style: normal;
|
|
317
|
-
font-weight: 400;
|
|
318
|
-
src: local('IBM Plex Serif'), local('IBMPlexSerif'),
|
|
319
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUS2zcZiVbJsNo.woff2)
|
|
320
|
-
format('woff2');
|
|
321
|
-
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
|
|
322
|
-
U+FE2E-FE2F;
|
|
323
|
-
}
|
|
324
|
-
/* cyrillic */
|
|
325
|
-
@font-face {
|
|
326
|
-
font-display: $carbon--font-display;
|
|
327
|
-
font-family: 'IBM Plex Serif';
|
|
328
|
-
font-style: normal;
|
|
329
|
-
font-weight: 400;
|
|
330
|
-
src: local('IBM Plex Serif'), local('IBMPlexSerif'),
|
|
331
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUb2zcZiVbJsNo.woff2)
|
|
332
|
-
format('woff2');
|
|
333
|
-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
334
|
-
}
|
|
335
|
-
/* vietnamese */
|
|
336
|
-
@font-face {
|
|
337
|
-
font-display: $carbon--font-display;
|
|
338
|
-
font-family: 'IBM Plex Serif';
|
|
339
|
-
font-style: normal;
|
|
340
|
-
font-weight: 400;
|
|
341
|
-
src: local('IBM Plex Serif'), local('IBMPlexSerif'),
|
|
342
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUQ2zcZiVbJsNo.woff2)
|
|
343
|
-
format('woff2');
|
|
344
|
-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
345
|
-
}
|
|
346
|
-
/* latin-ext */
|
|
347
|
-
@font-face {
|
|
348
|
-
font-display: $carbon--font-display;
|
|
349
|
-
font-family: 'IBM Plex Serif';
|
|
350
|
-
font-style: normal;
|
|
351
|
-
font-weight: 400;
|
|
352
|
-
src: local('IBM Plex Serif'), local('IBMPlexSerif'),
|
|
353
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUR2zcZiVbJsNo.woff2)
|
|
354
|
-
format('woff2');
|
|
355
|
-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
|
|
356
|
-
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
357
|
-
}
|
|
358
|
-
/* latin */
|
|
359
|
-
@font-face {
|
|
360
|
-
font-display: $carbon--font-display;
|
|
361
|
-
font-family: 'IBM Plex Serif';
|
|
362
|
-
font-style: normal;
|
|
363
|
-
font-weight: 400;
|
|
364
|
-
src: local('IBM Plex Serif'), local('IBMPlexSerif'),
|
|
365
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zcZiVbJ.woff2)
|
|
366
|
-
format('woff2');
|
|
367
|
-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
|
|
368
|
-
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
|
|
369
|
-
U+2215, U+FEFF, U+FFFD;
|
|
370
|
-
}
|
|
371
|
-
/* cyrillic-ext */
|
|
372
|
-
@font-face {
|
|
373
|
-
font-display: $carbon--font-display;
|
|
374
|
-
font-family: 'IBM Plex Serif';
|
|
375
|
-
font-style: normal;
|
|
376
|
-
font-weight: 600;
|
|
377
|
-
src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
|
|
378
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI5q1vjitOh3oc.woff2)
|
|
379
|
-
format('woff2');
|
|
380
|
-
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
|
|
381
|
-
U+FE2E-FE2F;
|
|
382
|
-
}
|
|
383
|
-
/* cyrillic */
|
|
384
|
-
@font-face {
|
|
385
|
-
font-display: $carbon--font-display;
|
|
386
|
-
font-family: 'IBM Plex Serif';
|
|
387
|
-
font-style: normal;
|
|
388
|
-
font-weight: 600;
|
|
389
|
-
src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
|
|
390
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yIwq1vjitOh3oc.woff2)
|
|
391
|
-
format('woff2');
|
|
392
|
-
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
393
|
-
}
|
|
394
|
-
/* vietnamese */
|
|
395
|
-
@font-face {
|
|
396
|
-
font-display: $carbon--font-display;
|
|
397
|
-
font-family: 'IBM Plex Serif';
|
|
398
|
-
font-style: normal;
|
|
399
|
-
font-weight: 600;
|
|
400
|
-
src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
|
|
401
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI7q1vjitOh3oc.woff2)
|
|
402
|
-
format('woff2');
|
|
403
|
-
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
404
|
-
}
|
|
405
|
-
/* latin-ext */
|
|
406
|
-
@font-face {
|
|
407
|
-
font-display: $carbon--font-display;
|
|
408
|
-
font-family: 'IBM Plex Serif';
|
|
409
|
-
font-style: normal;
|
|
410
|
-
font-weight: 600;
|
|
411
|
-
src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
|
|
412
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI6q1vjitOh3oc.woff2)
|
|
413
|
-
format('woff2');
|
|
414
|
-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
|
|
415
|
-
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
416
|
-
}
|
|
417
|
-
/* latin */
|
|
418
|
-
@font-face {
|
|
419
|
-
font-display: $carbon--font-display;
|
|
420
|
-
font-family: 'IBM Plex Serif';
|
|
421
|
-
font-style: normal;
|
|
422
|
-
font-weight: 600;
|
|
423
|
-
src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
|
|
424
|
-
url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q1vjitOh.woff2)
|
|
425
|
-
format('woff2');
|
|
426
|
-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
|
|
427
|
-
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
|
|
428
|
-
U+2215, U+FEFF, U+FFFD;
|
|
429
|
-
}
|
|
430
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright IBM Corp. 2018, 2018
|
|
3
|
-
//
|
|
4
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
// LICENSE file in the root directory of this source tree.
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
/// Defines how font files are loaded and displayed by the browser
|
|
9
|
-
/// @link https://css-tricks.com/almanac/properties/f/font-display/
|
|
10
|
-
/// @access public
|
|
11
|
-
/// @group @carbon/type
|
|
12
|
-
$carbon--font-display: auto !default;
|
package/scss/index.scss
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright IBM Corp. 2018, 2018
|
|
3
|
-
//
|
|
4
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
// LICENSE file in the root directory of this source tree.
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
@use 'sass:map';
|
|
9
|
-
@use 'font-family' as *;
|
|
10
|
-
@use 'prefix' as *;
|
|
11
|
-
@use 'styles' as *;
|
|
12
|
-
|
|
13
|
-
/// Create type classes for font families, weights, styles
|
|
14
|
-
/// @access public
|
|
15
|
-
/// @group @carbon/type
|
|
16
|
-
@mixin type-classes {
|
|
17
|
-
// Font families
|
|
18
|
-
@each $name, $value in $font-families {
|
|
19
|
-
.#{$prefix}--type-#{$name} {
|
|
20
|
-
font-family: $value;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
// Font weights
|
|
25
|
-
@each $name, $value in $font-weights {
|
|
26
|
-
.#{$prefix}--type-#{$name} {
|
|
27
|
-
font-weight: $value;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
// Font styles
|
|
32
|
-
.#{$prefix}--type-italic {
|
|
33
|
-
font-style: italic;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
// Type styles
|
|
37
|
-
@each $name, $value in $tokens {
|
|
38
|
-
.#{$prefix}--type-#{$name} {
|
|
39
|
-
@include type-style($name, map.has-key($value, breakpoints));
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright IBM Corp. 2018, 2018
|
|
3
|
-
//
|
|
4
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
// LICENSE file in the root directory of this source tree.
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
@use 'sass:string';
|
|
9
|
-
|
|
10
|
-
/// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans
|
|
11
|
-
/// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif
|
|
12
|
-
/// @type Map
|
|
13
|
-
/// @access public
|
|
14
|
-
/// @group @carbon/type
|
|
15
|
-
$font-families: (
|
|
16
|
-
'mono':
|
|
17
|
-
string.unquote(
|
|
18
|
-
"'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace"
|
|
19
|
-
),
|
|
20
|
-
'sans':
|
|
21
|
-
string.unquote(
|
|
22
|
-
"'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
|
|
23
|
-
),
|
|
24
|
-
'sans-condensed':
|
|
25
|
-
string.unquote(
|
|
26
|
-
"'IBM Plex Sans Condensed', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
|
|
27
|
-
),
|
|
28
|
-
'sans-arabic':
|
|
29
|
-
string.unquote(
|
|
30
|
-
"'IBM Plex Sans Arabic', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
|
|
31
|
-
),
|
|
32
|
-
'sans-devanagari':
|
|
33
|
-
string.unquote(
|
|
34
|
-
"'IBM Plex Sans Devanagari', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
|
|
35
|
-
),
|
|
36
|
-
'sans-hebrew':
|
|
37
|
-
string.unquote(
|
|
38
|
-
"'IBM Plex Sans Hebrew', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
|
|
39
|
-
),
|
|
40
|
-
'sans-jp':
|
|
41
|
-
string.unquote(
|
|
42
|
-
"'IBM Plex Sans JP', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
|
|
43
|
-
),
|
|
44
|
-
'sans-kr':
|
|
45
|
-
string.unquote(
|
|
46
|
-
"'IBM Plex Sans KR', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
|
|
47
|
-
),
|
|
48
|
-
'sans-thai-looped':
|
|
49
|
-
string.unquote(
|
|
50
|
-
"'IBM Plex Sans Thai Looped', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
|
|
51
|
-
),
|
|
52
|
-
'sans-thai':
|
|
53
|
-
string.unquote(
|
|
54
|
-
"'IBM Plex Sans Thai', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
|
|
55
|
-
),
|
|
56
|
-
'serif':
|
|
57
|
-
string.unquote(
|
|
58
|
-
"'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif"
|
|
59
|
-
),
|
|
60
|
-
) !default;
|
|
61
|
-
|
|
62
|
-
/// Get the font-family for an IBM Plex font
|
|
63
|
-
/// @param {String} $name
|
|
64
|
-
/// @return {String}
|
|
65
|
-
/// @access public
|
|
66
|
-
/// @group @carbon/type
|
|
67
|
-
@function font-family($name) {
|
|
68
|
-
@return map-get($font-families, $name);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/// Include the `font-family` definition for the given name in your selector
|
|
72
|
-
/// @param {String} $name
|
|
73
|
-
/// @access public
|
|
74
|
-
/// @group @carbon/type
|
|
75
|
-
@mixin font-family($name) {
|
|
76
|
-
font-family: font-family($name);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
/// Suggested font weights to be used in product
|
|
80
|
-
/// @type Map
|
|
81
|
-
/// @access public
|
|
82
|
-
/// @group @carbon/type
|
|
83
|
-
$font-weights: (
|
|
84
|
-
'light': 300,
|
|
85
|
-
'regular': 400,
|
|
86
|
-
'semibold': 600,
|
|
87
|
-
) !default;
|
|
88
|
-
|
|
89
|
-
/// Retrieve the font-weight value for a given name
|
|
90
|
-
/// @param {String} $weight
|
|
91
|
-
/// @return {Number}
|
|
92
|
-
/// @access public
|
|
93
|
-
/// @group @carbon/type
|
|
94
|
-
@function font-weight($weight) {
|
|
95
|
-
@return map-get($font-weights, $weight);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
/// Set the `font-weight` property with the value for a given name
|
|
99
|
-
/// @param {String} $weight
|
|
100
|
-
/// @access public
|
|
101
|
-
/// @group @carbon/type
|
|
102
|
-
@mixin font-weight($weight) {
|
|
103
|
-
font-weight: font-weight($weight);
|
|
104
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright IBM Corp. 2018, 2018
|
|
3
|
-
//
|
|
4
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
// LICENSE file in the root directory of this source tree.
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
/// @type String
|
|
9
|
-
/// @access public
|
|
10
|
-
/// @group @carbon/type
|
|
11
|
-
$prefix: 'bx' !default;
|
package/scss/modules/_reset.scss
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright IBM Corp. 2018, 2018
|
|
3
|
-
//
|
|
4
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
// LICENSE file in the root directory of this source tree.
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
@use 'sass:map';
|
|
9
|
-
@use 'sass:meta';
|
|
10
|
-
@use '@carbon/layout';
|
|
11
|
-
@use 'font-family' as *;
|
|
12
|
-
|
|
13
|
-
/// Include a type reset for a given body and mono font family
|
|
14
|
-
/// @param {String} $body-font-family [font-family('sans')] - The font family used on the `<body>` element
|
|
15
|
-
/// @param {String} $mono-font-family [font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element
|
|
16
|
-
/// @access public
|
|
17
|
-
/// @group @carbon/type
|
|
18
|
-
@mixin reset(
|
|
19
|
-
// TODO: remove in next major release. This has been replaced with 100%
|
|
20
|
-
$base-font-size: layout.$base-font-size,
|
|
21
|
-
$body-font-family: font-family('sans'),
|
|
22
|
-
$mono-font-family: font-family('mono')
|
|
23
|
-
) {
|
|
24
|
-
html {
|
|
25
|
-
font-size: 100%;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
body {
|
|
29
|
-
@include font-weight('regular');
|
|
30
|
-
|
|
31
|
-
font-family: $body-font-family;
|
|
32
|
-
-moz-osx-font-smoothing: grayscale;
|
|
33
|
-
-webkit-font-smoothing: antialiased;
|
|
34
|
-
text-rendering: optimizeLegibility;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
code {
|
|
38
|
-
font-family: $mono-font-family;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
strong {
|
|
42
|
-
@include font-weight('semibold');
|
|
43
|
-
}
|
|
44
|
-
}
|