-
Notifications
You must be signed in to change notification settings - Fork 112
/
box-shadow.yml
56 lines (55 loc) · 2.92 KB
/
box-shadow.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
global:
type: shadow
category: box-shadow
imports:
- ../../../global/box-shadow.yml
props:
shadow-focus:
value: "{!offset-0} {!offset-0} {!offset-0} {!offset-10} {!palette-gray-0}, {!offset-0} {!offset-0} {!offset-0} 3px {!palette-blue-55}, {!offset-0} {!offset-0} {!offset-0} 5px {!palette-blue-20}"
comment: Shadow for focus ring on interactive elements.
shadow-focus-inverse:
value: "{!offset-0} {!offset-0} {!offset-0} {!offset-10} {!palette-gray-100}, {!offset-0} {!offset-0} {!offset-0} 3px {!palette-gray-0}, {!offset-0} {!offset-0} {!offset-0} 5px {!palette-gray-0-transparent-20}"
comment: Shadow for focus ring on interactive elements on inverse backgrounds.
shadow-focus-inset:
value: "inset {!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-55}, inset {!offset-0} {!offset-0} {!offset-0} 3px {!palette-blue-20}"
comment: Shadow for inset focus on elements, such as DataGrid cells.
shadow-border-primary:
value: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-55}"
comment: Default shadow border for primary interactions.
shadow-border-destructive:
value: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-65}"
comment: Shadow border for destructive interactions.
shadow-border-error-weak:
value: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-50}"
comment: Shadow border for error inputs.
shadow-border-error:
value: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-65}"
comment: Shadow border for error inputs.
# Badge
shadow-border-bottom-neutral-weaker:
value: "{!offset-0} 1px {!offset-0} {!palette-blue-40}"
comment: Weaker bottom shadow border for neutral status
shadow-border-bottom-warning-weaker:
value: "{!offset-0} 1px {!offset-0} {!palette-orange-40}"
comment: Weaker bottom shadow border warning warning status
shadow-border-bottom-error-weaker:
value: "{!offset-0} 1px {!offset-0} {!palette-red-40}"
comment: Weaker bottom shadow border for error status
shadow-border-bottom-success-weaker:
value: "{!offset-0} 1px {!offset-0} {!palette-green-40}"
comment: Weaker bottom shadow border for success status
shadow-border-bottom-new-weaker:
value: "{!offset-0} 1px {!offset-0} {!palette-purple-30}"
comment: Weaker bottom shadow border for new status
shadow-border-bottom-decorative-10-weaker:
value: "{!offset-0} 1px {!offset-0} {!palette-gray-40}"
comment: Weaker bottom shadow border for decorative 10
shadow-border-bottom-decorative-20-weaker:
value: "{!offset-0} 1px {!offset-0} {!palette-blue-40}"
comment: Weaker bottom shadow border for decorative 20
shadow-border-bottom-decorative-30-weaker:
value: "{!offset-0} 1px {!offset-0} {!palette-green-40}"
comment: Weaker bottom shadow border for decorative 30
shadow-border-bottom-decorative-40-weaker:
value: "{!offset-0} 1px {!offset-0} {!palette-purple-30}"
comment: Weaker bottom shadow border for decorative 40