Completely rewritten Docs experience

1 files changed, 17 insertions, 7 deletions

diff --git a/src/utilities/loading.less b/src/utilities/loading.less
index e2417a9..767ec9e 100644
--- a/src/utilities/loading.less
+++ b/src/utilities/loading.less
@@ -1,24 +1,34 @@
 // Loading
 .loading {
   color: transparent !important;
-  min-height: @control-icon-size;
+  min-height: @unit-4;
   pointer-events: none;
   position: relative;
   &::after {
     animation: loading 500ms infinite linear;
     border: @border-width-lg solid @primary-color;
-    border-radius: @unit-2;
+    border-radius: 50%;
     border-right-color: transparent;
     border-top-color: transparent;
     content: "";
     display: block;
-    height: @control-icon-size;
+    height: @unit-4;
     left: 50%;
-    margin-left: -@control-icon-size / 2;
-    margin-top: -@control-icon-size / 2;
+    margin-left: -@unit-2;
+    margin-top: -@unit-2;
     position: absolute;
     top: 50%;
-    width: @control-icon-size;
+    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