From 1594fbd8e7d1704781c2de2eb6528b2883373b35 Mon Sep 17 00:00:00 2001
From: Kumar Priyansh <bobbyskhs@gmail.com>
Date: Sun, 9 Jun 2019 05:50:34 +0530
Subject: External CSS Added and Bifurcated from INDEX Pages

---
 shared/css/dashboard.css | 89 ++++++++++++++++++++++++++++++++++++++++++++++++
 shared/css/homepage.css  | 45 ++++++++++++++++++++++++
 2 files changed, 134 insertions(+)
 create mode 100644 shared/css/dashboard.css
 create mode 100644 shared/css/homepage.css

(limited to 'shared')

diff --git a/shared/css/dashboard.css b/shared/css/dashboard.css
new file mode 100644
index 0000000..048a6af
--- /dev/null
+++ b/shared/css/dashboard.css
@@ -0,0 +1,89 @@
+#snackbar {
+    visibility: hidden;
+    min-width: 250px;
+    background-color: rgb(231, 81, 81);
+    color: #fff;
+    text-align: center;
+    border-radius: 2px;
+    padding: 16px;
+    position: fixed;
+    z-index: 1;
+    top: 30px;
+    right:30px;
+}
+#snackbar.show {
+    visibility: visible;
+    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
+    animation: fadein 0.5s, fadeout 0.5s 2.5s;
+}
+@-webkit-keyframes fadein {
+    from {opacity: 0;} 
+    to { opacity: 1;}
+}
+
+@keyframes fadein {
+    from { opacity: 0;}
+    to { opacity: 1;}
+}
+
+@-webkit-keyframes fadeout {
+    from {opacity: 1;} 
+    to {opacity: 0;}
+}
+
+@keyframes fadeout {
+    from {opacity: 1;}
+    to {opacity: 0;}
+}
+.middle {
+    margin: 0 auto;
+    width: 50%;
+    justify-content: center;
+    justify-items: center;
+    align-content: center;
+    align-items: center;
+}
+#signout {
+    position: absolute;
+    top: 25px;
+    right: 25px;
+}
+#cart {
+    position: absolute;
+    top: 25px;
+    right: 105px;
+}
+.singleProduct {
+    width: 250px;
+    border: solid 1px #333;
+    padding: 20px;
+    border-radius: 5px;
+    margin: 10px;
+    display: inline-block;
+}
+.productImage {
+    width: 210px;
+    height: 210px;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+}
+.productTitle {
+    display: inline-block;
+    width: 250px;
+    white-space: nowrap;
+    overflow: hidden !important;
+    text-overflow: ellipsis;
+    margin-bottom: -10px;
+}
+.productDetail {
+    display: grid;
+    grid-template-columns: 50% auto;
+    padding: 50px 0px;
+}
+.picture {
+    width: 100%;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center;
+}
\ No newline at end of file
diff --git a/shared/css/homepage.css b/shared/css/homepage.css
new file mode 100644
index 0000000..044aec3
--- /dev/null
+++ b/shared/css/homepage.css
@@ -0,0 +1,45 @@
+#snackbar {
+    visibility: hidden;
+    min-width: 250px;
+    background-color: rgb(231, 81, 81);
+    color: #fff;
+    text-align: center;
+    border-radius: 2px;
+    padding: 16px;
+    position: fixed;
+    z-index: 1;
+    top: 30px;
+    right:30px;
+}
+#snackbar.show {
+    visibility: visible;
+    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
+    animation: fadein 0.5s, fadeout 0.5s 2.5s;
+}
+@-webkit-keyframes fadein {
+    from {opacity: 0;} 
+    to { opacity: 1;}
+}
+
+@keyframes fadein {
+    from { opacity: 0;}
+    to { opacity: 1;}
+}
+
+@-webkit-keyframes fadeout {
+    from {opacity: 1;} 
+    to {opacity: 0;}
+}
+
+@keyframes fadeout {
+    from {opacity: 1;}
+    to {opacity: 0;}
+}
+.middle {
+    margin: 0 auto;
+    width: 50%;
+    justify-content: center;
+    justify-items: center;
+    align-content: center;
+    align-items: center;
+}
\ No newline at end of file
-- 
cgit v1.2.3