Fix button loading with active status #229

1 files changed, 7 insertions, 3 deletions

diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
index 7322336..503cc03 100644
--- a/docs/dist/spectre.css
+++ b/docs/dist/spectre.css
@@ -610,14 +610,13 @@ dl dd {
   white-space: nowrap;
 }
 .btn:focus {
-  background: #fbfbfe;
+  background: #eff1fa;
   box-shadow: 0 0 0 .2rem rgba(69, 77, 93, .1);
   text-decoration: none;
 }
 .btn:hover {
-  background: #5764c6;
+  background: #eff1fa;
   border-color: #4c59c2;
-  color: #fff;
   text-decoration: none;
 }
 .btn:active,
@@ -627,6 +626,11 @@ dl dd {
   color: #fff;
   text-decoration: none;
 }
+.btn:active.loading::after,
+.btn.active.loading::after {
+  border-bottom-color: #fff;
+  border-left-color: #fff;
+}
 .btn[disabled],
 .btn:disabled,
 .btn.disabled {