Summary Files Commits Branches @commit @diff @stats
path: root / src / utilities / _loading.scss
diff options
context:
space:
mode:
Commite78b3c34348f26d40a813612c5a3786f1c56607a (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-08-29 18:07:53 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-08-29 18:07:53 +0800
Filesf857491026c5f728fe95fe1564ec30c931a1b30a /src/utilities/_loading.scss
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.tar
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.tar.gz
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.zip
Parent66c492fd05c2d720c81e2be8d6845560b868e7ff (diff)
Initial SASS build
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..c0cdb1e
--- /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;
+ width: $unit-8;
+ margin-left: -$unit-4;
+ margin-top: -$unit-4;
+ }
+ }
+} \ No newline at end of file