dmitryf/elements — Issue #9: Consolidate .background-clip
Author: alettieri
Created: 2011-12-14 23:01:00+00:00
State: open

Think it might help to consolidate the background-clip property into a mixin:

something like:

.background-clip{
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

Then re-use within additional mixins:

.rounded( @radius: 2px ){
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
.background-clip;
}

.border-radius( @topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0 ){

-webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright;
-webkit-border-bottom-left-radius: @bottomleft;
-webkit-border-top-left-radius: @topleft;
-moz-border-radius-topright: @topright;
-moz-border-radius-bottomright: @bottomright;
-moz-border-radius-bottomleft: @bottomleft;
-moz-border-radius-topleft: @topleft;
border-top-right-radius: @topright;
border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft;
border-top-left-radius: @topleft;
.background-clip;
}