Merge pull request #141 from dxw/cards-style-iterations

Cards style iterations
dxw · Jun 13, 2024 · 1a7b4b6 · 1a7b4b6
2 parents 7bc0aa0 + e50db0d
commit 1a7b4b6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/client/assets/styles/colour-cards.css b/client/assets/styles/colour-cards.css
@@ -15,24 +15,23 @@
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
+
+  font-family: Poppins, sans-serif;
+  font-weight: 400;
 }
 
 .colour-cards input {
   display: none;
 }
 
 .colour-cards__card {
-  order: 2;
-
   height: 6rem;
   padding: 1rem;
-
-  border: var(--black) solid 0.2rem;
+  border: var(--dxw-black) solid 0.2rem;
   border-radius: 0.5rem;
 }
 
 .colour-cards input:checked + .colour-cards__card {
-  order: 1;
   outline: var(--selected) solid 0.2rem;
 }
 

diff --git a/client/assets/styles/main.css b/client/assets/styles/main.css
@@ -1,16 +1,17 @@
-@import url("https://fonts.googleapis.com/css?family=Poppins:600&display=swap");
+@import url("https://fonts.googleapis.com/css?family=Poppins:400,600&display=swap");
 @import url("https://fonts.googleapis.com/css?family=Merriweather:300&display=swap");
 @import url("colour-cards.css");
 
 
 body {
   --dxw-white: #f9f8f5;
+  --dxw-black: #243746;
 
   padding: 1rem;
 
   font-family: Merriweather, serif;
   font-weight: 300;
-  color: #243746;
+  color: var(--dxw-black);
 
   background-color: var(--dxw-white);
 }