aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/components/Skeleton.css
diff options
context:
space:
mode:
Diffstat (limited to 'FrontEnd/src/components/Skeleton.css')
-rw-r--r--FrontEnd/src/components/Skeleton.css20
1 files changed, 20 insertions, 0 deletions
diff --git a/FrontEnd/src/components/Skeleton.css b/FrontEnd/src/components/Skeleton.css
new file mode 100644
index 00000000..0f78d3b5
--- /dev/null
+++ b/FrontEnd/src/components/Skeleton.css
@@ -0,0 +1,20 @@
+.cru-skeleton {
+ padding: 0 1em;
+}
+
+.cru-skeleton-line {
+ height: 1em;
+ background-color: hsl(0 0% 90%);
+ margin: 0.7em 0;
+ border-radius: 0.2em;
+}
+
+@media (prefers-color-scheme: dark) {
+ .cru-skeleton-line {
+ background-color: hsl(0 0% 20%);
+ }
+}
+
+.cru-skeleton-line:last-child {
+ width: 50%;
+}