Add new button colors (success and error) #227 #241 #342

1 files changed, 51 insertions, 1 deletions

diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
index c7d9a3d..012130f 100644
--- a/docs/dist/spectre.css
+++ b/docs/dist/spectre.css
@@ -614,11 +614,61 @@ dl dd {
   color: #fff;
 }
 
-.btn.btn-primary.loading::after {
+.btn.btn-primary.loading::after,
+.btn.btn-success.loading::after,
+.btn.btn-error.loading::after {
   border-bottom-color: #fff;
   border-left-color: #fff;
 }
 
+.btn.btn-success {
+  background: #32b643;
+  border-color: #2faa3f;
+  color: #fff;
+}
+
+.btn.btn-success:focus {
+  box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2);
+}
+
+.btn.btn-success:focus,
+.btn.btn-success:hover {
+  background: #30ae40;
+  border-color: #2da23c;
+  color: #fff;
+}
+
+.btn.btn-success:active,
+.btn.btn-success.active {
+  background: #2a9a39;
+  border-color: #278e34;
+  color: #fff;
+}
+
+.btn.btn-error {
+  background: #e85600;
+  border-color: #d95000;
+  color: #fff;
+}
+
+.btn.btn-error:focus {
+  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
+}
+
+.btn.btn-error:focus,
+.btn.btn-error:hover {
+  background: #de5200;
+  border-color: #cf4d00;
+  color: #fff;
+}
+
+.btn.btn-error:active,
+.btn.btn-error.active {
+  background: #c44900;
+  border-color: #b54300;
+  color: #fff;
+}
+
 .btn.btn-link {
   background: transparent;
   border-color: transparent;