@carbon/styles 0.10.0 → 0.11.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/docs/sass.md +0 -17
- package/index.scss +1 -1
- package/package.json +4 -4
- package/scss/_config.scss +18 -11
- package/scss/components/list-box/_list-box.scss +2 -2
- package/scss/components/radio-button/_radio-button.scss +3 -3
- package/scss/fonts/README.md +148 -0
- package/scss/fonts/_index.scss +75 -0
- package/scss/fonts/_mono.scss +153 -0
- package/scss/fonts/_sans-arabic.scss +151 -0
- package/scss/fonts/_sans-devanagari.scss +151 -0
- package/scss/fonts/_sans-hebrew.scss +151 -0
- package/scss/fonts/_sans-thai-looped.scss +151 -0
- package/scss/fonts/_sans-thai.scss +151 -0
- package/scss/fonts/_sans.scss +153 -0
- package/scss/fonts/_serif.scss +153 -0
- package/scss/fonts/_src.scss +102 -0
- package/scss/fonts/unicode/_index.scss +124 -0
- package/scss/_font-face.scss +0 -13
|
@@ -0,0 +1,151 @@
|
|
|
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 '../config';
|
|
9
|
+
@use './src';
|
|
10
|
+
|
|
11
|
+
$font-family: 'IBM Plex Sans Devanagari';
|
|
12
|
+
$name: 'IBM-Plex-Sans-Devanagari';
|
|
13
|
+
$styles: (normal);
|
|
14
|
+
$formats: (woff2, woff);
|
|
15
|
+
|
|
16
|
+
@mixin thin() {
|
|
17
|
+
@font-face {
|
|
18
|
+
font-display: config.$font-display;
|
|
19
|
+
font-family: $font-family;
|
|
20
|
+
font-style: normal;
|
|
21
|
+
font-weight: 100;
|
|
22
|
+
src: src.get(
|
|
23
|
+
$name: $name,
|
|
24
|
+
$weight: Thin,
|
|
25
|
+
$style: $styles,
|
|
26
|
+
$formats: $formats
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@mixin extralight() {
|
|
32
|
+
@font-face {
|
|
33
|
+
font-display: config.$font-display;
|
|
34
|
+
font-family: $font-family;
|
|
35
|
+
font-style: normal;
|
|
36
|
+
font-weight: 200;
|
|
37
|
+
src: src.get(
|
|
38
|
+
$name: $name,
|
|
39
|
+
$weight: ExtraLight,
|
|
40
|
+
$style: $styles,
|
|
41
|
+
$formats: $formats
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@mixin light() {
|
|
47
|
+
@font-face {
|
|
48
|
+
font-display: config.$font-display;
|
|
49
|
+
font-family: $font-family;
|
|
50
|
+
font-style: normal;
|
|
51
|
+
font-weight: 300;
|
|
52
|
+
src: src.get(
|
|
53
|
+
$name: $name,
|
|
54
|
+
$weight: Light,
|
|
55
|
+
$style: $styles,
|
|
56
|
+
$formats: $formats
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@mixin regular() {
|
|
62
|
+
@font-face {
|
|
63
|
+
font-display: config.$font-display;
|
|
64
|
+
font-family: $font-family;
|
|
65
|
+
font-style: normal;
|
|
66
|
+
font-weight: 400;
|
|
67
|
+
src: src.get(
|
|
68
|
+
$name: $name,
|
|
69
|
+
$weight: Regular,
|
|
70
|
+
$style: $styles,
|
|
71
|
+
$formats: $formats
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@mixin text() {
|
|
77
|
+
@font-face {
|
|
78
|
+
font-display: config.$font-display;
|
|
79
|
+
font-family: $font-family;
|
|
80
|
+
font-style: normal;
|
|
81
|
+
font-weight: 450;
|
|
82
|
+
src: src.get(
|
|
83
|
+
$name: $name,
|
|
84
|
+
$weight: Text,
|
|
85
|
+
$style: $styles,
|
|
86
|
+
$formats: $formats
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@mixin medium() {
|
|
92
|
+
@font-face {
|
|
93
|
+
font-display: config.$font-display;
|
|
94
|
+
font-family: $font-family;
|
|
95
|
+
font-style: normal;
|
|
96
|
+
font-weight: 500;
|
|
97
|
+
src: src.get(
|
|
98
|
+
$name: $name,
|
|
99
|
+
$weight: Medium,
|
|
100
|
+
$style: $styles,
|
|
101
|
+
$formats: $formats
|
|
102
|
+
);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
@mixin semibold() {
|
|
107
|
+
@font-face {
|
|
108
|
+
font-display: config.$font-display;
|
|
109
|
+
font-family: $font-family;
|
|
110
|
+
font-style: normal;
|
|
111
|
+
font-weight: 500;
|
|
112
|
+
src: src.get(
|
|
113
|
+
$name: $name,
|
|
114
|
+
$weight: SemiBold,
|
|
115
|
+
$style: $styles,
|
|
116
|
+
$formats: $formats
|
|
117
|
+
);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
@mixin bold() {
|
|
122
|
+
@font-face {
|
|
123
|
+
font-display: config.$font-display;
|
|
124
|
+
font-family: $font-family;
|
|
125
|
+
font-style: normal;
|
|
126
|
+
font-weight: 500;
|
|
127
|
+
src: src.get(
|
|
128
|
+
$name: $name,
|
|
129
|
+
$weight: Bold,
|
|
130
|
+
$style: $styles,
|
|
131
|
+
$formats: $formats
|
|
132
|
+
);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
@mixin all() {
|
|
137
|
+
@include thin();
|
|
138
|
+
@include extralight();
|
|
139
|
+
@include light();
|
|
140
|
+
@include regular();
|
|
141
|
+
@include text();
|
|
142
|
+
@include medium();
|
|
143
|
+
@include semibold();
|
|
144
|
+
@include bold();
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
@mixin default() {
|
|
148
|
+
@include light();
|
|
149
|
+
@include regular();
|
|
150
|
+
@include semibold();
|
|
151
|
+
}
|
|
@@ -0,0 +1,151 @@
|
|
|
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 '../config';
|
|
9
|
+
@use './src';
|
|
10
|
+
|
|
11
|
+
$font-family: 'IBM Plex Sans Hebrew';
|
|
12
|
+
$name: 'IBM-Plex-Sans-Hebrew';
|
|
13
|
+
$styles: (normal);
|
|
14
|
+
$formats: (woff2, woff);
|
|
15
|
+
|
|
16
|
+
@mixin thin() {
|
|
17
|
+
@font-face {
|
|
18
|
+
font-display: config.$font-display;
|
|
19
|
+
font-family: $font-family;
|
|
20
|
+
font-style: normal;
|
|
21
|
+
font-weight: 100;
|
|
22
|
+
src: src.get(
|
|
23
|
+
$name: $name,
|
|
24
|
+
$weight: Thin,
|
|
25
|
+
$style: $styles,
|
|
26
|
+
$formats: $formats
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@mixin extralight() {
|
|
32
|
+
@font-face {
|
|
33
|
+
font-display: config.$font-display;
|
|
34
|
+
font-family: $font-family;
|
|
35
|
+
font-style: normal;
|
|
36
|
+
font-weight: 200;
|
|
37
|
+
src: src.get(
|
|
38
|
+
$name: $name,
|
|
39
|
+
$weight: ExtraLight,
|
|
40
|
+
$style: $styles,
|
|
41
|
+
$formats: $formats
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@mixin light() {
|
|
47
|
+
@font-face {
|
|
48
|
+
font-display: config.$font-display;
|
|
49
|
+
font-family: $font-family;
|
|
50
|
+
font-style: normal;
|
|
51
|
+
font-weight: 300;
|
|
52
|
+
src: src.get(
|
|
53
|
+
$name: $name,
|
|
54
|
+
$weight: Light,
|
|
55
|
+
$style: $styles,
|
|
56
|
+
$formats: $formats
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@mixin regular() {
|
|
62
|
+
@font-face {
|
|
63
|
+
font-display: config.$font-display;
|
|
64
|
+
font-family: $font-family;
|
|
65
|
+
font-style: normal;
|
|
66
|
+
font-weight: 400;
|
|
67
|
+
src: src.get(
|
|
68
|
+
$name: $name,
|
|
69
|
+
$weight: Regular,
|
|
70
|
+
$style: $styles,
|
|
71
|
+
$formats: $formats
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@mixin text() {
|
|
77
|
+
@font-face {
|
|
78
|
+
font-display: config.$font-display;
|
|
79
|
+
font-family: $font-family;
|
|
80
|
+
font-style: normal;
|
|
81
|
+
font-weight: 450;
|
|
82
|
+
src: src.get(
|
|
83
|
+
$name: $name,
|
|
84
|
+
$weight: Text,
|
|
85
|
+
$style: $styles,
|
|
86
|
+
$formats: $formats
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@mixin medium() {
|
|
92
|
+
@font-face {
|
|
93
|
+
font-display: config.$font-display;
|
|
94
|
+
font-family: $font-family;
|
|
95
|
+
font-style: normal;
|
|
96
|
+
font-weight: 500;
|
|
97
|
+
src: src.get(
|
|
98
|
+
$name: $name,
|
|
99
|
+
$weight: Medium,
|
|
100
|
+
$style: $styles,
|
|
101
|
+
$formats: $formats
|
|
102
|
+
);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
@mixin semibold() {
|
|
107
|
+
@font-face {
|
|
108
|
+
font-display: config.$font-display;
|
|
109
|
+
font-family: $font-family;
|
|
110
|
+
font-style: normal;
|
|
111
|
+
font-weight: 500;
|
|
112
|
+
src: src.get(
|
|
113
|
+
$name: $name,
|
|
114
|
+
$weight: SemiBold,
|
|
115
|
+
$style: $styles,
|
|
116
|
+
$formats: $formats
|
|
117
|
+
);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
@mixin bold() {
|
|
122
|
+
@font-face {
|
|
123
|
+
font-display: config.$font-display;
|
|
124
|
+
font-family: $font-family;
|
|
125
|
+
font-style: normal;
|
|
126
|
+
font-weight: 500;
|
|
127
|
+
src: src.get(
|
|
128
|
+
$name: $name,
|
|
129
|
+
$weight: Bold,
|
|
130
|
+
$style: $styles,
|
|
131
|
+
$formats: $formats
|
|
132
|
+
);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
@mixin all() {
|
|
137
|
+
@include thin();
|
|
138
|
+
@include extralight();
|
|
139
|
+
@include light();
|
|
140
|
+
@include regular();
|
|
141
|
+
@include text();
|
|
142
|
+
@include medium();
|
|
143
|
+
@include semibold();
|
|
144
|
+
@include bold();
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
@mixin default() {
|
|
148
|
+
@include light();
|
|
149
|
+
@include regular();
|
|
150
|
+
@include semibold();
|
|
151
|
+
}
|
|
@@ -0,0 +1,151 @@
|
|
|
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 '../config';
|
|
9
|
+
@use './src';
|
|
10
|
+
|
|
11
|
+
$font-family: 'IBM Plex Sans Thai Looped';
|
|
12
|
+
$name: 'IBM-Plex-Sans-Thai-Looped';
|
|
13
|
+
$styles: (normal);
|
|
14
|
+
$formats: (woff2, woff);
|
|
15
|
+
|
|
16
|
+
@mixin thin() {
|
|
17
|
+
@font-face {
|
|
18
|
+
font-display: config.$font-display;
|
|
19
|
+
font-family: $font-family;
|
|
20
|
+
font-style: normal;
|
|
21
|
+
font-weight: 100;
|
|
22
|
+
src: src.get(
|
|
23
|
+
$name: $name,
|
|
24
|
+
$weight: Thin,
|
|
25
|
+
$style: $styles,
|
|
26
|
+
$formats: $formats
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@mixin extralight() {
|
|
32
|
+
@font-face {
|
|
33
|
+
font-display: config.$font-display;
|
|
34
|
+
font-family: $font-family;
|
|
35
|
+
font-style: normal;
|
|
36
|
+
font-weight: 200;
|
|
37
|
+
src: src.get(
|
|
38
|
+
$name: $name,
|
|
39
|
+
$weight: ExtraLight,
|
|
40
|
+
$style: $styles,
|
|
41
|
+
$formats: $formats
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@mixin light() {
|
|
47
|
+
@font-face {
|
|
48
|
+
font-display: config.$font-display;
|
|
49
|
+
font-family: $font-family;
|
|
50
|
+
font-style: normal;
|
|
51
|
+
font-weight: 300;
|
|
52
|
+
src: src.get(
|
|
53
|
+
$name: $name,
|
|
54
|
+
$weight: Light,
|
|
55
|
+
$style: $styles,
|
|
56
|
+
$formats: $formats
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@mixin regular() {
|
|
62
|
+
@font-face {
|
|
63
|
+
font-display: config.$font-display;
|
|
64
|
+
font-family: $font-family;
|
|
65
|
+
font-style: normal;
|
|
66
|
+
font-weight: 400;
|
|
67
|
+
src: src.get(
|
|
68
|
+
$name: $name,
|
|
69
|
+
$weight: Regular,
|
|
70
|
+
$style: $styles,
|
|
71
|
+
$formats: $formats
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@mixin text() {
|
|
77
|
+
@font-face {
|
|
78
|
+
font-display: config.$font-display;
|
|
79
|
+
font-family: $font-family;
|
|
80
|
+
font-style: normal;
|
|
81
|
+
font-weight: 450;
|
|
82
|
+
src: src.get(
|
|
83
|
+
$name: $name,
|
|
84
|
+
$weight: Text,
|
|
85
|
+
$style: $styles,
|
|
86
|
+
$formats: $formats
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@mixin medium() {
|
|
92
|
+
@font-face {
|
|
93
|
+
font-display: config.$font-display;
|
|
94
|
+
font-family: $font-family;
|
|
95
|
+
font-style: normal;
|
|
96
|
+
font-weight: 500;
|
|
97
|
+
src: src.get(
|
|
98
|
+
$name: $name,
|
|
99
|
+
$weight: Medium,
|
|
100
|
+
$style: $styles,
|
|
101
|
+
$formats: $formats
|
|
102
|
+
);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
@mixin semibold() {
|
|
107
|
+
@font-face {
|
|
108
|
+
font-display: config.$font-display;
|
|
109
|
+
font-family: $font-family;
|
|
110
|
+
font-style: normal;
|
|
111
|
+
font-weight: 500;
|
|
112
|
+
src: src.get(
|
|
113
|
+
$name: $name,
|
|
114
|
+
$weight: SemiBold,
|
|
115
|
+
$style: $styles,
|
|
116
|
+
$formats: $formats
|
|
117
|
+
);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
@mixin bold() {
|
|
122
|
+
@font-face {
|
|
123
|
+
font-display: config.$font-display;
|
|
124
|
+
font-family: $font-family;
|
|
125
|
+
font-style: normal;
|
|
126
|
+
font-weight: 500;
|
|
127
|
+
src: src.get(
|
|
128
|
+
$name: $name,
|
|
129
|
+
$weight: Bold,
|
|
130
|
+
$style: $styles,
|
|
131
|
+
$formats: $formats
|
|
132
|
+
);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
@mixin all() {
|
|
137
|
+
@include thin();
|
|
138
|
+
@include extralight();
|
|
139
|
+
@include light();
|
|
140
|
+
@include regular();
|
|
141
|
+
@include text();
|
|
142
|
+
@include medium();
|
|
143
|
+
@include semibold();
|
|
144
|
+
@include bold();
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
@mixin default() {
|
|
148
|
+
@include light();
|
|
149
|
+
@include regular();
|
|
150
|
+
@include semibold();
|
|
151
|
+
}
|
|
@@ -0,0 +1,151 @@
|
|
|
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 '../config';
|
|
9
|
+
@use './src';
|
|
10
|
+
|
|
11
|
+
$font-family: 'IBM Plex Sans Thai';
|
|
12
|
+
$name: 'IBM-Plex-Sans-Thai';
|
|
13
|
+
$styles: (normal);
|
|
14
|
+
$formats: (woff2, woff);
|
|
15
|
+
|
|
16
|
+
@mixin thin() {
|
|
17
|
+
@font-face {
|
|
18
|
+
font-display: config.$font-display;
|
|
19
|
+
font-family: $font-family;
|
|
20
|
+
font-style: normal;
|
|
21
|
+
font-weight: 100;
|
|
22
|
+
src: src.get(
|
|
23
|
+
$name: $name,
|
|
24
|
+
$weight: Thin,
|
|
25
|
+
$style: $styles,
|
|
26
|
+
$formats: $formats
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@mixin extralight() {
|
|
32
|
+
@font-face {
|
|
33
|
+
font-display: config.$font-display;
|
|
34
|
+
font-family: $font-family;
|
|
35
|
+
font-style: normal;
|
|
36
|
+
font-weight: 200;
|
|
37
|
+
src: src.get(
|
|
38
|
+
$name: $name,
|
|
39
|
+
$weight: ExtraLight,
|
|
40
|
+
$style: $styles,
|
|
41
|
+
$formats: $formats
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@mixin light() {
|
|
47
|
+
@font-face {
|
|
48
|
+
font-display: config.$font-display;
|
|
49
|
+
font-family: $font-family;
|
|
50
|
+
font-style: normal;
|
|
51
|
+
font-weight: 300;
|
|
52
|
+
src: src.get(
|
|
53
|
+
$name: $name,
|
|
54
|
+
$weight: Light,
|
|
55
|
+
$style: $styles,
|
|
56
|
+
$formats: $formats
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@mixin regular() {
|
|
62
|
+
@font-face {
|
|
63
|
+
font-display: config.$font-display;
|
|
64
|
+
font-family: $font-family;
|
|
65
|
+
font-style: normal;
|
|
66
|
+
font-weight: 400;
|
|
67
|
+
src: src.get(
|
|
68
|
+
$name: $name,
|
|
69
|
+
$weight: Regular,
|
|
70
|
+
$style: $styles,
|
|
71
|
+
$formats: $formats
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@mixin text() {
|
|
77
|
+
@font-face {
|
|
78
|
+
font-display: config.$font-display;
|
|
79
|
+
font-family: $font-family;
|
|
80
|
+
font-style: normal;
|
|
81
|
+
font-weight: 450;
|
|
82
|
+
src: src.get(
|
|
83
|
+
$name: $name,
|
|
84
|
+
$weight: Text,
|
|
85
|
+
$style: $styles,
|
|
86
|
+
$formats: $formats
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@mixin medium() {
|
|
92
|
+
@font-face {
|
|
93
|
+
font-display: config.$font-display;
|
|
94
|
+
font-family: $font-family;
|
|
95
|
+
font-style: normal;
|
|
96
|
+
font-weight: 500;
|
|
97
|
+
src: src.get(
|
|
98
|
+
$name: $name,
|
|
99
|
+
$weight: Medium,
|
|
100
|
+
$style: $styles,
|
|
101
|
+
$formats: $formats
|
|
102
|
+
);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
@mixin semibold() {
|
|
107
|
+
@font-face {
|
|
108
|
+
font-display: config.$font-display;
|
|
109
|
+
font-family: $font-family;
|
|
110
|
+
font-style: normal;
|
|
111
|
+
font-weight: 500;
|
|
112
|
+
src: src.get(
|
|
113
|
+
$name: $name,
|
|
114
|
+
$weight: SemiBold,
|
|
115
|
+
$style: $styles,
|
|
116
|
+
$formats: $formats
|
|
117
|
+
);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
@mixin bold() {
|
|
122
|
+
@font-face {
|
|
123
|
+
font-display: config.$font-display;
|
|
124
|
+
font-family: $font-family;
|
|
125
|
+
font-style: normal;
|
|
126
|
+
font-weight: 500;
|
|
127
|
+
src: src.get(
|
|
128
|
+
$name: $name,
|
|
129
|
+
$weight: Bold,
|
|
130
|
+
$style: $styles,
|
|
131
|
+
$formats: $formats
|
|
132
|
+
);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
@mixin all() {
|
|
137
|
+
@include thin();
|
|
138
|
+
@include extralight();
|
|
139
|
+
@include light();
|
|
140
|
+
@include regular();
|
|
141
|
+
@include text();
|
|
142
|
+
@include medium();
|
|
143
|
+
@include semibold();
|
|
144
|
+
@include bold();
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
@mixin default() {
|
|
148
|
+
@include light();
|
|
149
|
+
@include regular();
|
|
150
|
+
@include semibold();
|
|
151
|
+
}
|