From 042475cdc6156a8f56e4591109f14e2d2d9f6b12 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Tue, 15 Feb 2022 16:27:20 +0200
Subject: [PATCH] Add some color variables. Add class for icon-bg-shadow

---
 css/structure/card.css      |  1 +
 css/structure/icons.css     | 22 ++++++++++++++++++++++
 css/structure/variables.css |  6 ++++--
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/css/structure/card.css b/css/structure/card.css
index 85ae4fe..3dbf1ba 100644
--- a/css/structure/card.css
+++ b/css/structure/card.css
@@ -1,3 +1,4 @@
 .uk-card.uk-disabled {
   box-shadow: none;
+  border: 1px solid var(--muted-color);
 }
diff --git a/css/structure/icons.css b/css/structure/icons.css
index a318cad..4277464 100644
--- a/css/structure/icons.css
+++ b/css/structure/icons.css
@@ -42,3 +42,25 @@
 .material-icons.two-tone {
   font-family: 'Material Icons Two Tone';
 }
+
+/* Default circle element for SVGs */
+.uk-icon-bg-shadow {
+  background: var(--default-color);
+  border-radius: 100px;
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.1);
+}
+
+.uk-icon-bg-shadow-medium {
+  width: 72px;
+  height: 72px;
+}
+
+.uk-icon-bg-shadow-large {
+  width: 96px;
+  height: 96px;
+}
diff --git a/css/structure/variables.css b/css/structure/variables.css
index 017d82a..8f2520d 100644
--- a/css/structure/variables.css
+++ b/css/structure/variables.css
@@ -2,8 +2,10 @@
   --primary-color: #211F7E;
   --secondary-color: #3086ED;
   --dark-color: #2C2C2C;
-  --grey-color: #4b4b4b;
-  --light-color: #ffffff;
+  --grey-color: #4B4B4B;
+  --muted-color: #EAEAEA;
+  --light-color: #FFFFFF;
+  --default-color: #F9F9F9;
 
   --explore-color: #D95F2D;
   --provide-color: #37C7E9;