Completely rewritten Docs experience

3 files changed, 19 insertions, 12 deletions

diff --git a/src/utilities/colors.less b/src/utilities/colors.less
index 6a2691a..c3555c1 100644
--- a/src/utilities/colors.less
+++ b/src/utilities/colors.less
@@ -2,9 +2,6 @@
 .text-primary {
   .text-color-variant(@primary-color);
 }
-.text-secondary {
-  .text-color-variant(@secondary-color);
-}
 .text-gray {
   .text-color-variant(@gray-color);
 }
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
diff --git a/src/utilities/position.less b/src/utilities/position.less
index 71957d5..ba00712 100644
--- a/src/utilities/position.less
+++ b/src/utilities/position.less
@@ -9,10 +9,10 @@
   float: right !important;
 }
 
-.rel {
+.relative {
   position: relative;
 }
-.abs {
+.absolute {
   position: absolute;
 }
 .fixed {