forks/elements
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added rounded-* mixins

Browse source 
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
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
elements.less
View file

@ -55,6 +55,18 @@
-moz-border-radius: @radius; -moz-border-radius: @radius;
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) { .border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
-webkit-border-top-right-radius: @topright; -webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright; -webkit-border-bottom-right-radius: @bottomright;