summaryrefslogtreecommitdiff
path: root/styles/client
diff options
context:
space:
mode:
Diffstat (limited to 'styles/client')
-rw-r--r--styles/client/card.css23
1 files changed, 10 insertions, 13 deletions
diff --git a/styles/client/card.css b/styles/client/card.css
index 774990e..0ee8f6a 100644
--- a/styles/client/card.css
+++ b/styles/client/card.css
@@ -135,8 +135,8 @@ deck {
width: 166px;
height: 250px;
- top: 0;
- left: 0;
+ top: calc(var(--y) * (100vh - 250px));
+ left: calc(var(--x) * (100vw - 166px));
overflow: visible;
@@ -160,36 +160,33 @@ deck[mode="stack"] > card {
deck[mode="stack"] {
height: calc(var(--ccount) * 3px + 250px);
+ top: calc(var(--y) * (100vh - (var(--ccount) * 3px + 250px)));
}
+
deck[mode="strip-hl"] > card {
transform: translate(calc(var(--ccount) * 75px + var(--cpos) * -75px + 5px), 7px);
}
-deck[mode="strip-hl"] {
- width: calc(var(--ccount) * 75px + 160px);
-}
-
deck[mode="strip-hr"] > card {
transform: translate(calc(var(--cpos) * 75px + 5px), 7px);
}
-deck[mode="strip-hr"] {
+deck[mode="strip-hl"], deck[mode="strip-hr"] {
width: calc(var(--ccount) * 75px + 160px);
+ left: calc(var(--x) * (100vw - (var(--ccount) * 75px + 160px)));
}
+
deck[mode="strip-vu"] > card {
transform: translate(5px, calc(var(--ccount) * 115px + var(--cpos) * -115px + 7px));
}
-deck[mode="strip-vu"] {
- height: calc(var(--ccount) * 115px + 240px);
-}
-
deck[mode="strip-vd"] > card {
transform: translate(5px, calc(var(--cpos) * 115px + 7px));
}
-deck[mode="strip-vd"] {
+deck[mode="strip-vu"], deck[mode="strip-vd"] {
height: calc(var(--ccount) * 115px + 240px);
-} \ No newline at end of file
+ top: calc(var(--y) * (100vh - (var(--ccount) * 115px + 240px)));
+}