}
// This is a general mixin for a color circle
-.mw-rcfilters-mixin-circle( @color: white, @diameter: 2em, @padding: 0.5em, @border: false ) {
- border-radius: 50%;
+.mw-rcfilters-mixin-circle( @color: #fff, @diameter: 2em, @padding: 0.5em, @border: false ) {
+ background-color: @color;
+ .box-sizing( border-box );
min-width: @diameter;
width: @diameter;
min-height: @diameter;
height: @diameter;
margin: @padding;
- .box-sizing( border-box );
-
- background-color: @color;
+ border-radius: 50%;
- & when (@border = true) {
- border: 1px solid #565656;
+ & when ( @border = true ) {
+ border: 1px solid #54595d;
}
}