fix: Refactor CSS to solve "Compound selectors may longer be extended…

…." error when compiling
telerik · Feb 14, 2019 · 47d1675 · 47d1675
1 parent e3e3a05
commit 47d1675
Showing 1 changed file with 5 additions and 10 deletions.
diff --git a/packages/default/scss/common/_loading.scss b/packages/default/scss/common/_loading.scss
@@ -69,35 +69,30 @@
         border-bottom-color: transparent;
         background-color: transparent;
     }
+
     .k-icon.k-i-loading::before,
     .k-icon.k-i-loading::after {
         content: "";
     }
 
-    .k-i-loading::before {
+    .k-i-loading::before,
+    .k-loading-image::before {
         margin-top: -.5em;
         margin-left: -.5em;
         width: 1em;
         height: 1em;
         animation: k-loading-animation .7s linear infinite;
     }
 
-    .k-i-loading::after {
+    .k-i-loading::after,
+    .k-loading-image::after {
         margin-top: -.25em;
         margin-left: -.25em;
         width: .5em;
         height: .5em;
         animation: k-loading-animation reverse 1.4s linear infinite;
     }
 
-    .k-loading-image::before {
-        @extend .k-i-loading::before;
-    }
-
-    .k-loading-image::after {
-        @extend .k-i-loading::after;
-    }
-
     .k-loading-image::before,
     .k-loading-image::after {
         border-width: .015em;