scss/toolkit/components/table.scss in titon-toolkit-1.5.3 vs scss/toolkit/components/table.scss in titon-toolkit-2.0.0.pre.rc.1

@@ -1,14 +1,14 @@
 /**
- * @copyright   2010-2014, The Titon Project
+ * @copyright   2010-2015, The Titon Project
  * @license     http://opensource.org/licenses/BSD-3-Clause
  * @link        http://titon.io
  */
 
 @import "../common";
 
-.#{$vendor-prefix}table {
+#{$table-class} {
     width: 100%;
     margin-top: $margin;
     background: $gray-lightest;
     border-collapse: collapse;
 
@@ -39,32 +39,32 @@
 
         th { border-color: $gray-darkest; }
     }
 
     // Divider
-    tbody tr.#{$vendor-prefix}table-divider { background: $gray-dark !important; }
+    tbody tr#{$table-class-divider} { background: $gray-dark !important; }
 }
 
-.#{$vendor-prefix}table-responsive {
+#{$table-class-responsive} {
     width: 100%;
     max-width: 100%;
     overflow-x: auto;
 }
 
 //-------------------- Modifiers --------------------//
 
-.#{$vendor-prefix}table.has-hover {
-    tbody tr:not(.#{$vendor-prefix}table-divider):hover { background: #fff; }
+#{$table-class}.has-hover {
+    tbody tr:not(#{$table-class-divider}):hover { background: #fff; }
 }
 
-.#{$vendor-prefix}table.is-striped tbody tr {
+#{$table-class}.is-striped tbody tr {
     background: $gray;
 
     &:nth-child(odd) { background: $gray-lightest; }
 }
 
-.#{$vendor-prefix}table.is-sortable {
+#{$table-class}.is-sortable {
     thead th {
         padding: 0;
 
         > a,
         > span {
@@ -80,32 +80,34 @@
     }
 }
 
 //-------------------- Sizes --------------------//
 
-.#{$vendor-prefix}table.#{$size-small-class} {
-    thead th,
-    tbody td { padding: $small-padding; }
+#{$table-class} {
+    @include is-small {
+        thead th,
+        tbody td { padding: $small-padding; }
 
-    &.is-sortable {
-        thead th {
-            padding: 0;
+        &.is-sortable {
+            thead th {
+                padding: 0;
 
-            > a,
-            > span { padding: $small-padding; }
+                > a,
+                > span { padding: $small-padding; }
+            }
         }
     }
-}
 
-.#{$vendor-prefix}table.#{$size-large-class} {
-    thead th,
-    tbody td { padding: $large-padding; }
+    @include is-large {
+        thead th,
+        tbody td { padding: $large-padding; }
 
-    &.is-sortable {
-        thead th {
-            padding: 0;
+        &.is-sortable {
+            thead th {
+                padding: 0;
 
-            > a,
-            > span { padding: $large-padding; }
+                > a,
+                > span { padding: $large-padding; }
+            }
         }
     }
 }
\ No newline at end of file