Merged in fix/SW-3434-skeleton-ui-bug (pull request #2772)

fix(SW-3434): skeleton ui fix for booking widget

* fix(SW-3434): skeleton ui fix for booking widget

* fix(SW-3434): use cx


Approved-by: Anton Gunnarsson
This commit is contained in:
Bianca Widstam
2025-09-10 08:35:14 +00:00
parent f04fe467da
commit 1ceb1520a6
4 changed files with 68 additions and 35 deletions

View File

@@ -1,3 +1,13 @@
.shimmer {
position: relative;
overflow: hidden;
display: inline-block;
border-radius: 4px;
min-height: 1em;
min-width: 2ch;
background-color: var(--shimmer-background);
}
.shimmer.dark {
--shimmer-background: rgba(255, 255, 255, 0.1);
--shimmer: linear-gradient(
@@ -17,14 +27,6 @@
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0) 100%
);
background-color: var(--shimmer-background);
position: relative;
overflow: hidden;
display: inline-block;
border-radius: 4px;
min-height: 1em;
min-width: 2ch;
}
.shimmer::after {
position: absolute;