X-Git-Url: https://git.heureux-cyclage.org/?p=lhc%2Fweb%2Fwiklou.git;a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.mixins.less;h=b4e3b0e493c6fdd31b6650100e5babbf0bca302a;hp=796cf2aa280723f322689b5ebb3202d329b1ff4d;hb=b6b8526a04c072ed8a4b283f2c4ece8f4edda861;hpb=c00ee215579ed7e40a6e54e9322b9f2add373aa7

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less
index 796cf2aa28..b4e3b0e493 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less
@@ -8,8 +8,7 @@
 }
 
 // This is a general mixin for a color circle
-.mw-rcfilters-mixin-circle( @color: #fff, @diameter: 2em, @padding: 0.5em, @border: false ) {
-	background-color: @color;
+.mw-rcfilters-mixin-circle( @color: #fff, @diameter: 2em, @padding: 0.5em, @border: false, @borderColor: #54595d, @emptyBackground: false ) {
 	.box-sizing( border-box );
 	min-width: @diameter;
 	width: @diameter;
@@ -18,8 +17,15 @@
 	margin: @padding;
 	border-radius: 50%;
 
+	& when ( @emptyBackground = false ) {
+		background-color: @color;
+	}
+	& when ( @emptyBackground = true ) {
+		background-color: @highlight-none;
+	}
+
 	& when ( @border = true ) {
-		border: 1px solid #54595d;
+		border: 1px solid @borderColor;
 	}
 }