Summary Files Commits Branches @commit @diff @stats
path: root / src / utilities / _loading.scss
diff options
context:
space:
mode:
Commitc811cb46631e66772a108c393f6ef53a83ca010b (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-09-01 15:34:29 +0800
Committer
 GitHub <noreply@github.com>
2017-09-01 15:34:29 +0800
Filescc78dfa6f7398e9e77dd81d8865bcca939b9549d /src/utilities/_loading.scss
Spectre-Dark-Gruvbox-c811cb46631e66772a108c393f6ef53a83ca010b.tar
Spectre-Dark-Gruvbox-c811cb46631e66772a108c393f6ef53a83ca010b.tar.gz
Spectre-Dark-Gruvbox-c811cb46631e66772a108c393f6ef53a83ca010b.zip
Parent66c492fd05c2d720c81e2be8d6845560b868e7ff (diff)
Parentcca094ecbf55e8a4f552e55219b37373d3c07d9e (diff)
Merge pull request #266 from picturepan2/0.4.0 v0.4.0
0.4.0
1 files changed, 34 insertions, 0 deletions
-rw-r--r--src/utilities/_loading.scss34
diff --git a/src/utilities/_loading.scss b/src/utilities/_loading.scss
new file mode 100644
index 0000000..1b4ea60
--- /dev/null
+++ b/src/utilities/_loading.scss
@@ -0,0 +1,34 @@
+// Loading
+.loading {
+ color: transparent !important;
+ min-height: $unit-4;
+ pointer-events: none;
+ position: relative;
+ &::after {
+ animation: loading 500ms infinite linear;
+ border: $border-width-lg solid $primary-color;
+ border-radius: 50%;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: $unit-4;
+ left: 50%;
+ margin-left: -$unit-2;
+ margin-top: -$unit-2;
+ position: absolute;
+ top: 50%;
+ width: $unit-4;
+ z-index: $zindex-0;
+ }
+
+ &.loading-lg {
+ min-height: $unit-10;
+ &::after {
+ height: $unit-8;
+ margin-left: -$unit-4;
+ margin-top: -$unit-4;
+ width: $unit-8;
+ }
+ }
+}