UNPKG

4.02 kBSCSSView Raw
1////
2/// @module size: 尺寸
3/// @type String
4/// @category style
5////
6
7
8///
9/// 尺寸 基础尺寸
10/// 命名能在语义的前提下简单就尽量简单, 这里可以是 size-2x, space-2x, size-base ...
11/// 不过可以在语义的前提下做的更精简一些, 于是用了s2, s1等
12/// 可用变量: `$s1 - $s8`
13/// @example scss - 使用
14/// .element {
15/// padding: $s1 !default;
16/// }
17///
18/// @example css - CSS 输出
19/// .element {
20/// padding: 4px !default;
21/// }
22///
23
24/// size-base
25/// @semantic 基础尺寸
26/// @type Length
27$size-base: 4px !default;
28
29/// s-auto
30/// @export
31/// @unconfigurable
32$s-auto: auto;
33
34/// s-zero
35/// @export
36/// @unconfigurable
37$s-zero: 0px;
38
39/// s-1
40/// @unconfigurable
41/// @export
42$s-1: $size-base * 1;
43
44/// s-2
45/// @export
46/// @unconfigurable
47$s-2: $size-base * 2;
48
49/// s-3
50/// @export
51/// @unconfigurable
52$s-3: $size-base * 3;
53
54/// s-4
55/// @export
56/// @unconfigurable
57$s-4: $size-base * 4;
58
59/// s-5
60/// @export
61/// @unconfigurable
62$s-5: $size-base * 5;
63
64/// s-6
65/// @export
66/// @unconfigurable
67$s-6: $size-base * 6;
68
69/// s-7
70/// @export
71/// @unconfigurable
72$s-7: $size-base * 7;
73
74/// s-8
75/// @export
76/// @unconfigurable
77$s-8: $size-base * 8;
78
79/// s-9
80/// @export
81/// @unconfigurable
82$s-9: $size-base * 9;
83
84/// s-10
85/// @export
86/// @unconfigurable
87$s-10: $size-base * 10;
88
89/// s-11
90/// @export
91/// @unconfigurable
92$s-11: $size-base * 11;
93
94/// s-12
95/// @export
96/// @unconfigurable
97$s-12: $size-base * 12;
98
99/// s-13
100/// @export
101/// @unconfigurable
102$s-13: $size-base * 13;
103
104/// s-14
105/// @export
106/// @unconfigurable
107$s-14: $size-base * 14;
108
109/// s-15
110/// @export
111/// @unconfigurable
112$s-15: $size-base * 15;
113
114/// s-16
115/// @export
116/// @unconfigurable
117$s-16: $size-base * 16;
118
119/// s-17
120/// @export
121/// @unconfigurable
122$s-17: $size-base * 17;
123
124/// s-18
125/// @export
126/// @unconfigurable
127$s-18: $size-base * 18;
128
129/// s-19
130/// @export
131/// @unconfigurable
132$s-19: $size-base * 19;
133
134/// s-20
135/// @export
136/// @unconfigurable
137$s-20: $size-base * 20;
138
139/// s-21
140/// @export
141/// @unconfigurable
142$s-21: $size-base * 21;
143
144/// s-22
145/// @export
146/// @unconfigurable
147$s-22: $size-base * 22;
148
149/// s-23
150/// @export
151/// @unconfigurable
152$s-23: $size-base * 23;
153
154/// s-24
155/// @export
156/// @unconfigurable
157$s-24: $size-base * 24;
158
159/// s-25
160/// @export
161/// @unconfigurable
162$s-25: $size-base * 25;
163
164/// s-26
165/// @export
166/// @unconfigurable
167$s-26: $size-base * 26;
168
169/// s-27
170/// @export
171/// @unconfigurable
172$s-27: $size-base * 27;
173
174/// s-28
175/// @export
176/// @unconfigurable
177$s-28: $size-base * 28;
178
179/// s-29
180/// @export
181/// @unconfigurable
182$s-29: $size-base * 29;
183
184/// s-30
185/// @export
186/// @unconfigurable
187$s-30: $size-base * 30;
188
189/// s-31
190/// @export
191/// @unconfigurable
192$s-31: $size-base * 31;
193
194/// s-32
195/// @export
196/// @unconfigurable
197$s-32: $size-base * 32;
198
199/// s-33
200/// @export
201/// @unconfigurable
202$s-33: $size-base * 33;
203
204/// s-34
205/// @export
206/// @unconfigurable
207$s-34: $size-base * 34;
208
209/// s-35
210/// @export
211/// @unconfigurable
212$s-35: $size-base * 35;
213
214/// s-36
215/// @export
216/// @unconfigurable
217$s-36: $size-base * 36;
218
219/// s-37
220/// @export
221/// @unconfigurable
222$s-37: $size-base * 37;
223
224/// s-38
225/// @export
226/// @unconfigurable
227$s-38: $size-base * 38;
228
229/// s-39
230/// @export
231/// @unconfigurable
232$s-39: $size-base * 39;
233
234/// s-40
235/// @export
236/// @unconfigurable
237$s-40: $size-base * 40;
238
239/// s-41
240/// @export
241/// @unconfigurable
242$s-41: $size-base * 41;
243
244/// s-42
245/// @export
246/// @unconfigurable
247$s-42: $size-base * 42;
248
249/// s-43
250/// @export
251/// @unconfigurable
252$s-43: $size-base * 43;
253
254/// s-44
255/// @export
256/// @unconfigurable
257$s-44: $size-base * 44;
258
259/// s-45
260/// @export
261/// @unconfigurable
262$s-45: $size-base * 45;
263
264/// s-46
265/// @export
266/// @unconfigurable
267$s-46: $size-base * 46;
268
269/// s-47
270/// @export
271/// @unconfigurable
272$s-47: $size-base * 47;
273
274/// s-48
275/// @export
276/// @unconfigurable
277$s-48: $size-base * 48;
278
279/// s-49
280/// @export
281/// @unconfigurable
282$s-49: $size-base * 49;
283
284/// s-50
285/// @export
286/// @unconfigurable
287$s-50: $size-base * 50;
288
289// ----------- patch ----------- //
290$s-0: $s-zero;