From 8798a7f1fbdbf13ca31d21c0242fbfa26bf36b6a Mon Sep 17 00:00:00 2001
From: Kyle Gunger <kgunger12@gmail.com>
Date: Sat, 13 Feb 2021 01:47:42 -0500
Subject: Assets and fixes + No, U assets + Working position css for decks

---
 styles/client/card.css | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

(limited to 'styles')

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)));
+}
-- 
cgit v1.2.3