Commit f592e9e

committed

Revert from original loading styles

1 parent 23f3cc5 commit f592e9eCopy full SHA for f592e9e

File tree

1 file changed

+10

-18

lines changed

src/assets/style/_scss
- _reactium-style-molecules-loader.scss

1 file changed

+10

-18

lines changed

`‎src/assets/style/_scss/_reactium-style-molecules-loader.scss`

Lines changed: 10 additions & 18 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,21 +1,13 @@`
`1`		`-@use "sass:map";`
`2`		`-`
`3`	`1`	`$reactium-blue: #4f82ba !default;`
`4`	`2`	`$reactium-white: #ffffff !default;`
`5`		`-$jmj-loading-bg: radial-gradient(#1D2758, #111735);`
`6`		`-$jmj-image-logo: map.get($assets, "jmj-loader-logo") !default;`
`7`		`-`
`8`		`-$reactium-loading-zindex: 1000 !default;`
`9`	`3`
`10`	`4`	`.reactium-loading {`
`11`		`- z-index: $reactium-loading-zindex;`
`12`	`5`	`top: 0;`
`13`	`6`	`left: 0;`
`14`	`7`	`width: 100vw;`
`15`	`8`	`height: 100vh;`
`16`	`9`	`position: fixed;`
`17`	`10`	`background-color: $reactium-white;`
`18`		`- background-image: $jmj-loading-bg;`
`19`	`11`
`20`	`12`	`&,`
`21`	`13`	`* {`
`@@ -24,22 +16,22 @@ $reactium-loading-zindex: 1000 !default;`
`24`	`16`
`25`	`17`	`&:before {`
`26`	`18`	`content: '';`
`27`		`- width: 224px;`
`28`		`- height: 224px;`
	`19`	`+ width: 64px;`
	`20`	`+ height: 64px;`
`29`	`21`	`border-radius: 100%;`
`30`		`- z-index: $reactium-loading-zindex+1;`
	`22`	`+ z-index: 1;`
`31`	`23`	`left: 50%;`
`32`	`24`	`top: 50%;`
`33`	`25`	`position: absolute;`
`34`	`26`	`transform: translate(-50%, -50%);`
`35`		`- box-shadow: 0 0 0 0 rgba(#111735, 1);`
	`27`	`+ box-shadow: 0 0 0 0 rgba($reactium-blue, 1);`
`36`	`28`	`animation: reactium-pulse 1.2s infinite;`
`37`	`29`	`}`
`38`	`30`
`39`	`31`	`&:after {`
`40`	`32`	`content: '';`
`41`		`- width: 224px;`
`42`		`- height: 150px;`
	`33`	`+ width: 64px;`
	`34`	`+ height: 64px;`
`43`	`35`	`z-index: 2;`
`44`	`36`	`left: 50%;`
`45`	`37`	`top: 50%;`
`@@ -48,20 +40,20 @@ $reactium-loading-zindex: 1000 !default;`
`48`	`40`	`background-size: cover;`
`49`	`41`	`background-position: center;`
`50`	`42`	`background-repeat: no-repeat;`
`51`		`- background-image: url($jmj-image-logo);`
	`43`	`+ background-image: url('/assets/images/logo.png');`
`52`	`44`	`}`
`53`	`45`	`}`
`54`	`46`
`55`	`47`	`@keyframes reactium-pulse {`
`56`	`48`	`0% {`
`57`		`- box-shadow: 0 0 0 0 rgba(#111735, 0.7);`
	`49`	`+ box-shadow: 0 0 0 0 rgba($reactium-blue, 0.7);`
`58`	`50`	`}`
`59`	`51`
`60`	`52`	`70% {`
`61`		`- box-shadow: 0 0 0 48px rgba(#1D2758, 0);`
	`53`	`+ box-shadow: 0 0 0 12px rgba($reactium-blue, 0);`
`62`	`54`	`}`
`63`	`55`
`64`	`56`	`100% {`
`65`		`- box-shadow: 0 0 0 0 rgba(#fff, 0);`
	`57`	`+ box-shadow: 0 0 0 0 rgba($reactium-white, 0);`
`66`	`58`	`}`
`67`	`59`	`}`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit f592e9e

File tree

1 file changed

1 file changed

`‎src/assets/style/_scss/_reactium-style-molecules-loader.scss`

0 commit comments