scss/toolkit/effects/skew.scss in titon-toolkit-1.0.0.rc.2 vs scss/toolkit/effects/skew.scss in titon-toolkit-1.0.0.rc.3
- old
+ new
@@ -31,11 +31,11 @@
border-top-right-radius: $skew;
border-bottom-right-radius: 0;
}
}
-.button-group.button-group--vertical {
+.button-group--vertical {
&.skew {
border-top-left-radius: $skew-y 1.5rem;
border-bottom-left-radius: $skew-y 1.5rem;
> li:first-child .button,
@@ -66,19 +66,19 @@
}
}
//-------------------- Pagination --------------------//
-.pagination.pagination--grouped.skew {
+.pagination--grouped.skew {
ul {
border-radius: #{$skew-x $skew-x} 0 0 / #{$skew-y $skew-y} 0 0;
}
- li:first-child .button {
+ li:first-child a {
border-radius: #{$skew-x} 0 0 0 / #{$skew-y} 0 0 0;
}
- li:last-child .button {
+ li:last-child a {
border-radius: 0 #{$skew-x} 0 0 / 0 #{$skew-y} 0 0;
}
}
//-------------------- Visual --------------------//
\ No newline at end of file