table.scss in titon-toolkit-1.2.0

- old
+ new

@@ -6,11 +6,12 @@
 
 @import "../common";
 
 .#{$vendor-prefix}table {
     width: 100%;
-    background: $gray;
+    margin-top: $margin;
+    background: $gray-lightest;
     border-collapse: collapse;
 
     th, td {
         padding: $padding;
         line-height: 110%;
@@ -37,17 +38,12 @@
         background: $gray-dark;
 
         th { border-color: $gray-darkest; }
     }
 
-    // Zebra striping
-    tbody tr {
-        background: $gray;
-
-        &:nth-child(odd) { background: $gray-lightest; }
-        &.#{$vendor-prefix}table-divider { background: $gray-dark; }
-    }
+    // Divider
+    tbody tr.#{$vendor-prefix}table-divider { background: $gray-dark !important; }
 }
 
 .#{$vendor-prefix}table-responsive {
     width: 100%;
     max-width: 100%;
@@ -56,9 +52,15 @@
 
 //-------------------- Modifiers --------------------//
 
 .#{$vendor-prefix}table.#{$state-has-prefix}hover {
     tbody tr:not(.#{$vendor-prefix}table-divider):hover { background: #fff; }
+}
+
+.#{$vendor-prefix}table.#{$state-is-prefix}striped tbody tr {
+    background: $gray;
+
+    &:nth-child(odd) { background: $gray-lightest; }
 }
 
 .#{$vendor-prefix}table.#{$state-is-prefix}sortable {
     thead th {
         padding: 0;
\ No newline at end of file