diff options
author | Indrajith K L | 2019-12-12 19:31:50 +0530 |
---|---|---|
committer | Indrajith K L | 2019-12-12 19:31:50 +0530 |
commit | 8883eacd2a5e2f3f5637a6b71123dfcb2a64c3d5 (patch) | |
tree | fe0fb8f601f2272f9bf2a7d2b365c7812acb6e63 /src/shared/loader.css | |
parent | f41d980fd83ab7da5804efd8aa7e914e820797d6 (diff) | |
download | react-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.css | 48 |
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 |