From fca898e7667ba58099a1604f765e8056af09ecd5 Mon Sep 17 00:00:00 2001 From: Stasiek Michalski Date: Tue, 5 Jun 2018 08:37:12 +0200 Subject: [PATCH] Add css for loading page routine --- resources/assets/sass/custom.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss index 92f0ca5ad..1db518df5 100644 --- a/resources/assets/sass/custom.scss +++ b/resources/assets/sass/custom.scss @@ -202,3 +202,15 @@ body, button, input, textarea { z-index:1020 } } + +@keyframes loading-bar { + from { background-position: 0 0; } + to { background-position: 100vw 0; } +} + +.loading-page { + background-image: linear-gradient(to right, #6736dd, #10c5f8, #10c5f8, #6736dd); + width: 100vw; + height: .25rem; + animation: loading-bar 3s linear infinite; +}