UNPKG

@spectrum-css/card

Version:

The Spectrum CSS card component

opensource.adobe.com/spectrum-css/

adobe/spectrum-css

228 lines (227 loc) • 9.25 kB
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
{ "sourceFile": "index.css", "selectors": [ ".spectrum-Card", ".spectrum-Card .spectrum-Divider", ".spectrum-Card--gallery", ".spectrum-Card--gallery .spectrum-Card-body", ".spectrum-Card--gallery .spectrum-Card-footer", ".spectrum-Card--gallery .spectrum-Card-preview", ".spectrum-Card--gallery .spectrum-Card-preview:after", ".spectrum-Card--gallery .spectrum-Card-preview:before", ".spectrum-Card--gallery.is-drop-target", ".spectrum-Card--gallery.is-drop-target .spectrum-Card-preview", ".spectrum-Card--gallery.is-drop-target .spectrum-Card-preview:before", ".spectrum-Card--gallery.is-selected .spectrum-Card-preview:before", ".spectrum-Card--gallery:before", ".spectrum-Card--gallery:hover .spectrum-Card-preview", ".spectrum-Card--horizontal", ".spectrum-Card--horizontal .spectrum-Card-body", ".spectrum-Card--horizontal .spectrum-Card-content", ".spectrum-Card--horizontal .spectrum-Card-header", ".spectrum-Card--horizontal .spectrum-Card-preview", ".spectrum-Card--horizontal .spectrum-Card-title", ".spectrum-Card--horizontal:hover .spectrum-Card-preview", ".spectrum-Card--quiet", ".spectrum-Card--quiet .spectrum-Card-body", ".spectrum-Card--quiet .spectrum-Card-footer", ".spectrum-Card--quiet .spectrum-Card-preview", ".spectrum-Card--quiet .spectrum-Card-preview:after", ".spectrum-Card--quiet .spectrum-Card-preview:before", ".spectrum-Card--quiet.is-drop-target", ".spectrum-Card--quiet.is-drop-target .spectrum-Card-preview", ".spectrum-Card--quiet.is-drop-target .spectrum-Card-preview:before", ".spectrum-Card--quiet.is-focused .spectrum-Card-preview:after", ".spectrum-Card--quiet.is-focused:after", ".spectrum-Card--quiet.is-selected .spectrum-Card-preview", ".spectrum-Card--quiet.is-selected .spectrum-Card-preview:before", ".spectrum-Card--quiet:before", ".spectrum-Card--quiet:focus .spectrum-Card-preview:after", ".spectrum-Card--quiet:focus:after", ".spectrum-Card--quiet:hover .spectrum-Card-preview", ".spectrum-Card-actionButton", ".spectrum-Card-actions", ".spectrum-Card-body", ".spectrum-Card-content", ".spectrum-Card-coverPhoto", ".spectrum-Card-description", ".spectrum-Card-footer", ".spectrum-Card-header", ".spectrum-Card-preview", ".spectrum-Card-quickActions", ".spectrum-Card-subtitle", ".spectrum-Card-subtitle + .spectrum-Card-description:before", ".spectrum-Card-title", ".spectrum-Card.is-drop-target", ".spectrum-Card.is-focused .spectrum-Card-actions", ".spectrum-Card.is-focused .spectrum-Card-quickActions", ".spectrum-Card.is-selected", ".spectrum-Card.is-selected .spectrum-Card-actions", ".spectrum-Card.is-selected .spectrum-Card-quickActions", ".spectrum-Card.is-selected:before", ".spectrum-Card.spectrum-Card--gallery", ".spectrum-Card.spectrum-Card--quiet", ".spectrum-Card:after", ".spectrum-Card:before", ".spectrum-Card:focus .spectrum-Card-actions", ".spectrum-Card:focus .spectrum-Card-quickActions", ".spectrum-Card:focus-visible", ".spectrum-Card:focus-visible .spectrum-Card-coverPhoto", ".spectrum-Card:focus-visible .spectrum-Card-preview", ".spectrum-Card:focus-visible:after", ".spectrum-Card:hover", ".spectrum-Card:hover .spectrum-Card-actions", ".spectrum-Card:hover .spectrum-Card-quickActions" ], "modifiers": [ "--mod-animation-duration-100", "--mod-card-actions-background-color-opacity", "--mod-card-actions-background-color-rgb", "--mod-card-actions-border-radius", "--mod-card-actions-drop-shadow-blur", "--mod-card-actions-drop-shadow-color", "--mod-card-actions-drop-shadow-x", "--mod-card-actions-drop-shadow-y", "--mod-card-actions-size", "--mod-card-actions-spacing", "--mod-card-animation-duration", "--mod-card-background-color", "--mod-card-background-color-hover", "--mod-card-body-font-color", "--mod-card-body-font-family", "--mod-card-body-font-size", "--mod-card-body-font-style", "--mod-card-body-font-weight", "--mod-card-body-line-height", "--mod-card-body-padding-block-end", "--mod-card-body-padding-block-start", "--mod-card-body-padding-inline-end", "--mod-card-body-padding-inline-start", "--mod-card-body-spacing", "--mod-card-border-color", "--mod-card-border-color-hover", "--mod-card-border-color-selected", "--mod-card-border-width", "--mod-card-content-margin-bottom", "--mod-card-content-margin-top", "--mod-card-content-margin-top-quiet", "--mod-card-corner-radius", "--mod-card-divider-color", "--mod-card-focus-indicator-color", "--mod-card-focus-indicator-width", "--mod-card-footer-margin-block-start", "--mod-card-footer-margin-inline-end", "--mod-card-footer-margin-inline-start", "--mod-card-footer-padding-block-end", "--mod-card-footer-padding-block-start", "--mod-card-horizontal-body-padding", "--mod-card-horizontal-preview-padding", "--mod-card-minimum-width", "--mod-card-minimum-width-quiet", "--mod-card-preview-background-color", "--mod-card-preview-background-color-hover", "--mod-card-preview-border-width-selected", "--mod-card-preview-minimum-height", "--mod-card-selected-background-color-rgb", "--mod-card-selected-background-opacity", "--mod-card-subtitle-padding-right", "--mod-card-title-font-color", "--mod-card-title-font-family", "--mod-card-title-font-size", "--mod-card-title-font-style", "--mod-card-title-font-weight", "--mod-card-title-line-height", "--mod-card-title-padding-right", "--mod-overlay-animation-duration" ], "component": [ "--spectrum-card-actions-background-color-opacity", "--spectrum-card-actions-background-color-rgb", "--spectrum-card-actions-border-radius", "--spectrum-card-actions-drop-shadow-blur", "--spectrum-card-actions-drop-shadow-color", "--spectrum-card-actions-drop-shadow-x", "--spectrum-card-actions-drop-shadow-y", "--spectrum-card-actions-size", "--spectrum-card-actions-spacing", "--spectrum-card-background-color", "--spectrum-card-body-font-color", "--spectrum-card-body-font-family", "--spectrum-card-body-font-size", "--spectrum-card-body-font-style", "--spectrum-card-body-font-weight", "--spectrum-card-body-line-height", "--spectrum-card-body-padding-block-start", "--spectrum-card-body-spacing", "--spectrum-card-border-color", "--spectrum-card-border-color-hover", "--spectrum-card-border-width", "--spectrum-card-content-margin-bottom", "--spectrum-card-content-margin-top", "--spectrum-card-corner-radius", "--spectrum-card-divider-color", "--spectrum-card-focus-indicator-color", "--spectrum-card-focus-indicator-width", "--spectrum-card-footer-padding-top", "--spectrum-card-horizontal-body-padding", "--spectrum-card-horizontal-preview-padding", "--spectrum-card-minimum-width", "--spectrum-card-preview-background-color", "--spectrum-card-preview-background-color-hover", "--spectrum-card-preview-border-width-selected", "--spectrum-card-preview-minimum-height", "--spectrum-card-selected-background-color-rgb", "--spectrum-card-selected-background-opacity", "--spectrum-card-selection-background-color-opacity", "--spectrum-card-selection-background-size", "--spectrum-card-subtitle-padding-right", "--spectrum-card-title-font-color", "--spectrum-card-title-font-family", "--spectrum-card-title-font-size", "--spectrum-card-title-font-style", "--spectrum-card-title-font-weight", "--spectrum-card-title-line-height", "--spectrum-card-title-padding-right" ], "global": [ "--spectrum-animation-duration-100", "--spectrum-background-base-color", "--spectrum-background-layer-2-color", "--spectrum-blue-700", "--spectrum-body-color", "--spectrum-body-line-height", "--spectrum-body-sans-serif-font-style", "--spectrum-body-sans-serif-font-weight", "--spectrum-body-size-s", "--spectrum-border-width-100", "--spectrum-corner-radius-100", "--spectrum-drop-shadow-blur", "--spectrum-drop-shadow-color", "--spectrum-drop-shadow-x", "--spectrum-drop-shadow-y", "--spectrum-focus-indicator-color", "--spectrum-focus-indicator-thickness", "--spectrum-gray-100", "--spectrum-gray-100-rgb", "--spectrum-gray-200", "--spectrum-heading-color", "--spectrum-heading-line-height", "--spectrum-heading-sans-serif-font-style", "--spectrum-heading-sans-serif-font-weight", "--spectrum-heading-size-xxs", "--spectrum-sans-font-family-stack", "--spectrum-spacing-100", "--spectrum-spacing-200", "--spectrum-spacing-300", "--spectrum-spacing-400" ], "system-theme": [ "--system-card-border-color", "--system-card-border-color-hover", "--system-card-divider-color", "--system-card-preview-background-color", "--system-card-preview-background-color-hover" ], "passthroughs": [], "high-contrast": [] }