Added rounded-* mixins

Top, bottom, left and right. Makes generating "tabs" a bit easier.
This commit is contained in:
Joshua Sherman 2014-01-09 16:28:41 -05:00
parent daa2621aa9
commit 6af5319ef6

View file

@ -55,6 +55,18 @@
-moz-border-radius: @radius;
border-radius: @radius;
}
.rounded-bottom(@radius: 2px) {
.border-radius(0, @radius, @radius, 0);
}
.rounded-left(@radius: 2px) {
.border-radius(0, 0, @radius, @radius);
}
.rounded-right(@radius: 2px) {
.border-radius(@radius, @radius, 0, 0);
}
.rounded-top(@radius: 2px) {
.border-radius(@radius, 0, 0, @radius);
}
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
-webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright;