button.css.scss in flashgrid-1.0.6

- old
+ new

@@ -76,46 +76,66 @@
   width: 100%;
 }
 
 /* #Button Colors
 ================================================== */
+.btn-black,
 .btn-blue,
 .btn-green,
-.btn-red,
-.btn-blue[disabled],
-.btn-green[disabled],
-.btn-red[disabled] { color: rgba(255,255,255,1); }
+.btn-red { color: rgba(255,255,255,1); }
+.btn-black {
+  background: rgba(71,74,84,1);
+  border-color: rgba(21,24,34,1);
+}
+.btn-black:hover { background: rgba(61,64,74,1); }
+.btn-black[disabled],
+.btn-black[disabled]:hover {
+  background: rgba(101,104,114,1);
+  border-color: rgba(81,84,94,1);
+  color: rgba(255,255,255,1);
+}
 .btn-blue {
   background: rgba(85,115,194,1);
   border-color: rgba(25,55,134,1);
 }
 .btn-blue:hover { background: rgba(70,100,179,1); }
 .btn-blue[disabled],
 .btn-blue[disabled]:hover {
   background: rgba(125,155,234,1);
   border-color: rgba(75,105,184,1);
+  color: rgba(255,255,255,1);
 }
 .btn-green {
   background: rgba(75,180,122,1);
   border-color: rgba(25,130,72,1);
+  color: rgba(255,255,255,1);
 }
 .btn-green:hover { background: rgba(65,170,112,1); }
 .btn-green[disabled],
 .btn-green[disabled]:hover {
   background: rgba(105,210,152,1);
   border-color: rgba(55,160,132,1);
+  color: rgba(255,255,255,1);
 }
 .btn-red {
   background: rgba(220,74,56,1);
   border-color: rgba(180,34,16,1);
 }
 .btn-red:hover { background: rgba(210,64,46,1); }
 .btn-red[disabled],
 .btn-red[disabled]:hover {
   background: rgba(240,94,76,1);
   border-color: rgba(200,54,36,1);
+  color: rgba(255,255,255,1);
 }
+.btn-white { background: rgba(255,255,255,1); }
+.btn-white:hover { background: rgba(236,238,241,1); }
+.btn-white[disabled],
+.btn-white[disabled]:hover {
+  background: rgba(250,250,250,1);
+  border-color: rgba(216,218,221,1);
+}
 
 /* #Button Links
 ================================================== */
 .btn-link {
   background: none;
@@ -212,12 +232,14 @@
 .btn-group > .btn {
   border-right: 1px solid rgba(196,198,201,1);
   border-radius: 0;
   position: relative;
 }
+.btn-group > .btn-black { border-color: rgba(21,24,34,1); }
 .btn-group > .btn-blue  { border-color: rgba(25,55,134,1); }
 .btn-group > .btn-green { border-color: rgba(25,130,72,1); }
 .btn-group > .btn-red   { border-color: rgba(180,34,16,1); }
+.btn-group > .btn-white { border-color: rgba(196,198,201,1); }
 .btn-group > .btn:first-child {
   border-bottom-left-radius: 2px;
      border-top-left-radius: 2px;
   margin-left: 0;
 }
\ No newline at end of file