diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2019-04-18 09:42:22 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2019-04-18 09:42:22 -0400 |
| commit | 38d3feaa47e87e037c6fe4b320ad88417d565ea5 (patch) | |
| tree | 83f98a9f25ddfacfef835b5bfcc2edd8336c8e81 /www/lib/ionic/scss/_loading.scss | |
| parent | a86a09b90283950364b5bfdaf9904f13de2ce2fc (diff) | |
libs tbd cleanup
Diffstat (limited to 'www/lib/ionic/scss/_loading.scss')
| -rw-r--r-- | www/lib/ionic/scss/_loading.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/www/lib/ionic/scss/_loading.scss b/www/lib/ionic/scss/_loading.scss new file mode 100644 index 00000000..71b819a5 --- /dev/null +++ b/www/lib/ionic/scss/_loading.scss @@ -0,0 +1,51 @@ + +/** + * Loading + * -------------------------------------------------- + */ + +.loading-container { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + + z-index: $z-index-loading; + + @include display-flex(); + @include justify-content(center); + @include align-items(center); + + @include transition(0.2s opacity linear); + visibility: hidden; + opacity: 0; + + &:not(.visible) .icon, + &:not(.visible) .spinner{ + display: none; + } + &.visible { + visibility: visible; + } + &.active { + opacity: 1; + } + + .loading { + padding: $loading-padding; + + border-radius: $loading-border-radius; + background-color: $loading-bg-color; + + color: $loading-text-color; + + text-align: center; + text-overflow: ellipsis; + font-size: $loading-font-size; + + h1, h2, h3, h4, h5, h6 { + color: $loading-text-color; + } + } +} |
