aboutsummaryrefslogtreecommitdiff
path: root/src/shared/loader.css
diff options
context:
space:
mode:
authorIndrajith K L2019-12-12 19:31:50 +0530
committerIndrajith K L2019-12-12 19:31:50 +0530
commit8883eacd2a5e2f3f5637a6b71123dfcb2a64c3d5 (patch)
treefe0fb8f601f2272f9bf2a7d2b365c7812acb6e63 /src/shared/loader.css
parentf41d980fd83ab7da5804efd8aa7e914e820797d6 (diff)
downloadreact-redux-saga-starter-8883eacd2a5e2f3f5637a6b71123dfcb2a64c3d5.tar.gz
react-redux-saga-starter-8883eacd2a5e2f3f5637a6b71123dfcb2a64c3d5.tar.bz2
react-redux-saga-starter-8883eacd2a5e2f3f5637a6b71123dfcb2a64c3d5.zip
:fire: :zap: Major Update
* Adds Actions, Redicers and Middlewares * Adds Http Service * Adds Cancel option for Http Service * Adds HOC's for API Loader, Sidebar and Headers * Adds Random key generator for Routes
Diffstat (limited to 'src/shared/loader.css')
-rw-r--r--src/shared/loader.css48
1 files changed, 48 insertions, 0 deletions
diff --git a/src/shared/loader.css b/src/shared/loader.css
new file mode 100644
index 0000000..2ee47a2
--- /dev/null
+++ b/src/shared/loader.css
@@ -0,0 +1,48 @@
+.loader {
+ position: absolute;
+ z-index: 6;
+ top: 0px;
+ left: 0;
+ height: 4px;
+ width: 100%;
+ overflow: hidden;
+ background-color: #ddd;
+ }
+
+ .loader:before {
+ display: block;
+ position: absolute;
+ content: "";
+ left: -200px;
+ width: 200px;
+ height: 4px;
+ background-color: #ff8373;
+ animation: loading 2s linear infinite;
+ }
+
+ @keyframes loading {
+ from {
+ left: -200px;
+ width: 30%;
+ }
+
+ 50% {
+ width: 30%;
+ }
+
+ 70% {
+ width: 70%;
+ }
+
+ 80% {
+ left: 50%;
+ }
+
+ 95% {
+ left: 120%;
+ }
+
+ to {
+ left: 100%;
+ }
+ } \ No newline at end of file