UNPKG

1.03 kBSCSSView Raw
1////
2/// @module corner: 边角
3/// @category style
4////
5
6
7// Corner 预定义圆角尺寸
8// 根据 Alibaba Base DPL(BASE DPL)设计规范实现
9// 圆角是用一段与角的两边相切的圆弧
10// 规则: x == y, 所有方向阴影的 blur 值, 透明度, 颜色都应该相同
11// 类型: Right Angle(直角), Rounded(圆角)
12// -------------------------------
13
14/// corner-1
15/// @semantic 常规圆角
16/// @export
17/// @type Length
18$corner-1: 3px !default;
19
20/// corner-2
21/// @semantic 大圆角
22/// @export
23/// @type Length
24$corner-2: 6px !default;
25
26/// corner-3
27/// @semantic 超大圆角
28/// @export
29/// @type Length
30$corner-3: 20px !default;
31
32/// corner-circle
33/// @semantic 圆形
34/// @export
35/// @unconfigurable
36$corner-circle: 50% !default;
37
38/// corner-semicircle
39/// @semantic 圆形
40/// @export
41/// @unconfigurable
42$corner-semicircle: 500px !default;
43
44/// corner-zero
45/// @semantic 直角
46/// @export
47/// @unconfigurable
48$corner-zero: 0 !default;
49
50// ----------- patch ----------- //
51$corner-right-angle: $corner-zero;