From a0aad4da5356bc1afe444d4e9e58abc0a19a90d7 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Sun, 26 Nov 2017 12:06:38 +0800 Subject: Add new button colors (success and error) #227 #241 #342 --- docs/dist/spectre.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 51 insertions(+), 1 deletion(-) (limited to 'docs/dist/spectre.css') 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; -- cgit v1.3.1-26-gb76a