scss/toolkit/effects/skew.scss in titon-toolkit-1.0.5 vs scss/toolkit/effects/skew.scss in titon-toolkit-1.1.0.rc.1

@@ -6,15 +6,15 @@
 
 @import "../common";
 
 //-------------------- Button --------------------//
 
-.#{$vendor-prefix}button.skew { border-radius: #{$skew-x $skew-x} 0 0 / #{$skew-y $skew-y} 0 0; }
+.#{$vendor-prefix}button.#{$shape-skew-class} { border-radius: #{$skew-x $skew-x} 0 0 / #{$skew-y $skew-y} 0 0; }
 
 //-------------------- ButtonGroup --------------------//
 
-.#{$vendor-prefix}button-group.skew {
+.#{$vendor-prefix}button-group.#{$shape-skew-class} {
     border-top-left-radius: $skew;
     border-top-right-radius: $skew;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 
@@ -32,11 +32,11 @@
         border-bottom-right-radius: 0;
     }
 }
 
 .#{$vendor-prefix}button-group--vertical {
-    &.skew {
+    &.#{$shape-skew-class} {
         border-top-left-radius: $skew-y 1.5rem;
         border-bottom-left-radius: $skew-y 1.5rem;
 
         > li:first-child .#{$vendor-prefix}button,
         > .#{$vendor-prefix}button:first-child {
@@ -48,11 +48,11 @@
             border-bottom-left-radius: $skew-reverse;
             border-top-right-radius: 0;
         }
     }
 
-    &.skew-reverse {
+    &.#{$shape-skew-class}-reverse {
         border-top-right-radius: $skew-y 1.25rem;
         border-bottom-right-radius: $skew-y 1.25rem;
 
         > li:first-child .#{$vendor-prefix}button,
         > .#{$vendor-prefix}button:first-child {
@@ -66,11 +66,11 @@
     }
 }
 
 //-------------------- Pagination --------------------//
 
-.#{$vendor-prefix}pagination--grouped.skew {
+.#{$vendor-prefix}pagination--grouped.#{$shape-skew-class} {
     ul {
         border-radius: #{$skew-x $skew-x} 0 0 / #{$skew-y $skew-y} 0 0;
     }
 
     li:first-child a {
@@ -82,10 +82,10 @@
     }
 }
 
 //-------------------- Visual --------------------//
 
-.#{$vendor-prefix}visual-gloss.skew:after {
+.#{$vendor-prefix}visual-gloss.#{$shape-skew-class}:after {
     width: 90%;
     left: 5.5%;
     border-radius: 1rem 1rem 3rem 3rem / 1rem 1rem 2rem 2rem;
 }
\ No newline at end of file