diff options
| author | Kumar Priyansh <[email protected]> | 2019-06-09 05:50:34 +0530 |
|---|---|---|
| committer | Kumar Priyansh <[email protected]> | 2019-06-09 05:50:34 +0530 |
| commit | 1594fbd8e7d1704781c2de2eb6528b2883373b35 (patch) | |
| tree | 5bda52f04c558085909714cd979fcf62038f09fe /shared | |
| parent | 7c228f0995d37fc13d58b5b461ac43fc8e0927f9 (diff) | |
| download | firebase-ecommerce-1594fbd8e7d1704781c2de2eb6528b2883373b35.tar.xz firebase-ecommerce-1594fbd8e7d1704781c2de2eb6528b2883373b35.zip | |
External CSS Added and Bifurcated from INDEX Pages
Diffstat (limited to 'shared')
| -rw-r--r-- | shared/css/dashboard.css | 89 | ||||
| -rw-r--r-- | shared/css/homepage.css | 45 |
2 files changed, 134 insertions, 0 deletions
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 |