Introduced a mixin for spinner

app/assets/stylesheets/framework/editor-lite.scss

+[data-editor-loading]::before {
+  content: '';
+  @include spinner(32px, 3px, $orange-400);
+  @include gl-absolute;
+  @include gl-z-index-1;
+}
+
 [id^='editor-lite-'] {
   height: 500px;
 }

app/assets/stylesheets/framework/spinner.scss

@@ -20,7 +20,7 @@
   }
 }
 
-.spinner {
+@mixin spinner($size, $border-width, $color) {
   border-radius: 50%;
   position: relative;
   margin: 0 auto;
@@ -30,8 +30,12 @@
   animation-iteration-count: infinite;
   border-style: solid;
   display: inline-flex;
-  @include spinner-size(16px, 2px);
-  @include spinner-color($orange-400);
+  @include spinner-size($size, $border-width);
+  @include spinner-color($color);
+}
+
+.spinner {
+  @include spinner(16px, 2px, $orange-400);
 
   &.spinner-md {
     @include spinner-size(32px, 3px);