Fix Deprecation Warning #396 #356

picturepan2 · Feb 18, 2018 · a7f12e5 · a7f12e5
1 parent c6763ec
commit a7f12e5
Show file tree

Hide file tree

Showing 7 changed files with 40 additions and 13 deletions.
diff --git a/dist/spectre.css b/dist/spectre.css
@@ -614,9 +614,7 @@ dl dd {
   color: #fff;
 }
 
-.btn.btn-primary.loading::after,
-.btn.btn-success.loading::after,
-.btn.btn-error.loading::after {
+.btn.btn-primary.loading::after {
   border-bottom-color: #fff;
   border-left-color: #fff;
 }
@@ -645,6 +643,11 @@ dl dd {
   color: #fff;
 }
 
+.btn.btn-success.loading::after {
+  border-bottom-color: #fff;
+  border-left-color: #fff;
+}
+
 .btn.btn-error {
   background: #e85600;
   border-color: #d95000;
@@ -669,6 +672,11 @@ dl dd {
   color: #fff;
 }
 
+.btn.btn-error.loading::after {
+  border-bottom-color: #fff;
+  border-left-color: #fff;
+}
+
 .btn.btn-link {
   background: transparent;
   border-color: transparent;

diff --git a/dist/spectre.min.css b/dist/spectre.min.css
diff --git a/docs/dist/spectre-rtl.css b/docs/dist/spectre-rtl.css
@@ -615,9 +615,7 @@ dl dd {
   color: #fff;
 }
 
-.btn.btn-primary.loading::after,
-.btn.btn-success.loading::after,
-.btn.btn-error.loading::after {
+.btn.btn-primary.loading::after {
   border-bottom-color: #fff;
   border-left-color: #fff;
 }
@@ -646,6 +644,11 @@ dl dd {
   color: #fff;
 }
 
+.btn.btn-success.loading::after {
+  border-bottom-color: #fff;
+  border-left-color: #fff;
+}
+
 .btn.btn-error {
   background: #e85600;
   border-color: #d95000;
@@ -670,6 +673,11 @@ dl dd {
   color: #fff;
 }
 
+.btn.btn-error.loading::after {
+  border-bottom-color: #fff;
+  border-left-color: #fff;
+}
+
 .btn.btn-link {
   background: transparent;
   border-color: transparent;

diff --git a/docs/dist/spectre-rtl.min.css b/docs/dist/spectre-rtl.min.css
diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
@@ -614,9 +614,7 @@ dl dd {
   color: #fff;
 }
 
-.btn.btn-primary.loading::after,
-.btn.btn-success.loading::after,
-.btn.btn-error.loading::after {
+.btn.btn-primary.loading::after {
   border-bottom-color: #fff;
   border-left-color: #fff;
 }
@@ -645,6 +643,11 @@ dl dd {
   color: #fff;
 }
 
+.btn.btn-success.loading::after {
+  border-bottom-color: #fff;
+  border-left-color: #fff;
+}
+
 .btn.btn-error {
   background: #e85600;
   border-color: #d95000;
@@ -669,6 +672,11 @@ dl dd {
   color: #fff;
 }
 
+.btn.btn-error.loading::after {
+  border-bottom-color: #fff;
+  border-left-color: #fff;
+}
+
 .btn.btn-link {
   background: transparent;
   border-color: transparent;

diff --git a/docs/dist/spectre.min.css b/docs/dist/spectre.min.css
diff --git a/src/mixins/_button.scss b/src/mixins/_button.scss
@@ -19,7 +19,10 @@
     color: $light-color;
   }
   &.loading {
-    @extend .btn-primary.loading;
+    &::after {
+      border-bottom-color: $light-color;
+      border-left-color: $light-color;
+    }
   }
 }