summaryrefslogtreecommitdiff
path: root/www/lib/ionic/scss/_loading.scss
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2017-09-20 16:15:18 -0400
committerPliable Pixels <pliablepixels@gmail.com>2017-09-20 16:15:18 -0400
commit676270d21beed31d767a06c89522198c77d5d865 (patch)
tree902772af01bfbcf80955f0351a5aae9eb029b9b0 /www/lib/ionic/scss/_loading.scss
Initial commit
Diffstat (limited to 'www/lib/ionic/scss/_loading.scss')
-rw-r--r--www/lib/ionic/scss/_loading.scss51
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;
+ }
+ }
+}