Skip to content

Commit ff13650

Browse files
committed
add missing util to dev
1 parent cf7c4bf commit ff13650

2 files changed

Lines changed: 24 additions & 0 deletions

File tree

dev/dev-mash-utilities.css

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,29 @@
2323
border: 0;
2424
}
2525

26+
.loading-spinner {
27+
display: inline-block;
28+
width: 1.25rem;
29+
height: 1.25rem;
30+
border: 0.15rem solid color-mix(in srgb, var(--slate-300, #CBD5E1) 85%, transparent);
31+
border-top-color: var(--color-primary, #7C4DFF);
32+
border-radius: 50%;
33+
animation: loading-spinner-rotate 0.8s linear infinite;
34+
}
35+
36+
@keyframes loading-spinner-rotate {
37+
to {
38+
transform: rotate(360deg);
39+
}
40+
}
41+
42+
@media (prefers-reduced-motion: reduce) {
43+
.loading-spinner {
44+
animation: none;
45+
border-top-color: color-mix(in srgb, var(--color-primary, #7C4DFF) 70%, var(--slate-300, #CBD5E1));
46+
}
47+
}
48+
2649
/* Visually hidden but can become visible on focus */
2750
.visually-hidden {
2851
position: absolute !important;

src/social/socialPane.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@
1111
max-width: none;
1212
margin: 0;
1313
}
14+
1415
.social-pane__header-content {
1516
align-items: flex-start;
1617
gap: var(--spacing-xs, 0.75rem);

0 commit comments

Comments
 (0)