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/css/homepage.css | |
| 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/css/homepage.css')
| -rw-r--r-- | shared/css/homepage.css | 45 |
1 files changed, 45 insertions, 0 deletions
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 |