From 3b763d9a74622e6ce966946f0bd0b0bf9683772f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=A4=D1=80=D0=BE=D0=BB=D0=BE=D0=B2?= Date: Tue, 1 Jun 2021 15:27:38 +0500 Subject: [PATCH] new loadPortal component --- src/styles/loader.css | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) diff --git a/src/styles/loader.css b/src/styles/loader.css index fece98b..31ede00 100644 --- a/src/styles/loader.css +++ b/src/styles/loader.css @@ -1,3 +1,6 @@ +:root { + --columns: 12; +} /* original from https://loading.io/css/ */ .lds-ripple { @@ -31,4 +34,22 @@ height: 72px; opacity: 0; } -} \ No newline at end of file +} + + + +.loader-container{ + display: grid; +} + +.loader-content{ + grid-area: 1 / 1; +} + +.loader-overlay{ + grid-area: 1 / 1; + /* background-color: rgba(127, 127, 127, 0.5); + border: 10px solid red; */ + /* justify-self: stretch; + align-self: stretch; */ +}