@brightspace-ui/core 1.204.0 → 1.205.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/components/card/card.js +9 -8
- package/package.json +1 -1
package/components/card/card.js
CHANGED
|
@@ -82,7 +82,6 @@ class Card extends RtlMixin(LitElement) {
|
|
|
82
82
|
box-sizing: border-box;
|
|
83
83
|
display: inline-block;
|
|
84
84
|
position: relative;
|
|
85
|
-
transition: transform 300ms ease-out 50ms, box-shadow 0.2s;
|
|
86
85
|
z-index: 0;
|
|
87
86
|
}
|
|
88
87
|
.d2l-card-container {
|
|
@@ -185,10 +184,6 @@ class Card extends RtlMixin(LitElement) {
|
|
|
185
184
|
border: none;
|
|
186
185
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
|
|
187
186
|
}
|
|
188
|
-
:host(:hover),
|
|
189
|
-
:host([subtle]:hover) {
|
|
190
|
-
transform: translateY(-4px);
|
|
191
|
-
}
|
|
192
187
|
:host(:hover) {
|
|
193
188
|
box-shadow: 0 2px 14px 1px rgba(0, 0, 0, 0.06);
|
|
194
189
|
}
|
|
@@ -203,7 +198,6 @@ class Card extends RtlMixin(LitElement) {
|
|
|
203
198
|
:host([subtle][_active]:hover) {
|
|
204
199
|
border-color: transparent;
|
|
205
200
|
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--d2l-color-celestine);
|
|
206
|
-
transform: translateY(-4px);
|
|
207
201
|
}
|
|
208
202
|
/* .d2l-card-link-container-hover is used to only color/underline when
|
|
209
203
|
hovering the anchor; these styles are not applied when hovering actions */
|
|
@@ -225,9 +219,16 @@ class Card extends RtlMixin(LitElement) {
|
|
|
225
219
|
box-shadow: none;
|
|
226
220
|
transform: none;
|
|
227
221
|
}
|
|
228
|
-
@media (prefers-reduced-motion:
|
|
222
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
229
223
|
:host {
|
|
230
|
-
transition:
|
|
224
|
+
transition: transform 300ms ease-out 50ms, box-shadow 0.2s;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
:host(:hover),
|
|
228
|
+
:host([subtle]:hover),
|
|
229
|
+
:host([_active]:hover),
|
|
230
|
+
:host([subtle][_active]:hover) {
|
|
231
|
+
transform: translateY(-4px);
|
|
231
232
|
}
|
|
232
233
|
}
|
|
233
234
|
`];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.205.0",
|
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
|
5
5
|
"repository": "https://github.com/BrightspaceUI/core.git",
|
|
6
6
|
"publishConfig": {
|