Merge "Fix phrase search"

[lhc/web/wiklou.git] / resources / src / mediawiki.rcfilters / styles / mw.rcfilters.mixins.less

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less
index 5c31b5d..2ce2c7f 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less
@@ -1,5 +1,5 @@
-@import "mediawiki.mixins";
-@import "mw.rcfilters.variables";
+@import 'mediawiki.mixins';
+@import 'mw.rcfilters.variables';
 
 // This is a general mixin for a color circle
 .mw-rcfilters-mixin-circle( @color: white, @diameter: 2em, @padding: 0.5em, @border: false ) {
@@ -23,7 +23,7 @@
 // a color class on its parent element
 .result-circle( @colorName: 'none' ) {
        &-@{colorName} {
-               .mw-rcfilters-mixin-circle( ~"@{highlight-@{colorName}}", @result-circle-diameter, 0 );
+               .mw-rcfilters-mixin-circle( ~'@{highlight-@{colorName}}', @result-circle-diameter, 0 );
                display: none;
 
                .mw-rcfilters-highlight-color-@{colorName} & {
@@ -34,15 +34,15 @@
 
 // This mixin produces color mixes for two, three and four colors
 .highlight-color-mix( @color1, @color2, @color3: false, @color4: false ) {
-       @highlight-color-class-var: ~".mw-rcfilters-highlight-color-@{color1}.mw-rcfilters-highlight-color-@{color2}";
+       @highlight-color-class-var: ~'.mw-rcfilters-highlight-color-@{color1}.mw-rcfilters-highlight-color-@{color2}';
 
        // The nature of these variables and them being inside
        // a 'tint' and 'average' LESS functions is such where
        // the parsing is failing if it is done inside those functions.
        // Instead, we first construct their LESS variable names,
        // and then we call them inside those functions by calling @@var
-       @c1var: ~"highlight-@{color1}";
-       @c2var: ~"highlight-@{color2}";
+       @c1var: ~'highlight-@{color1}';
+       @c2var: ~'highlight-@{color2}';
 
        // Two colors
        @{highlight-color-class-var} when ( @color3 = false ) and ( @color4 = false ) and not ( @color1 = false ), ( @color2 = false ) {
@@ -50,14 +50,14 @@
        }
        // Three colors
        @{highlight-color-class-var}.mw-rcfilters-highlight-color-@{color3} when ( @color4 = false ) and not ( @color3 = false ) {
-               @c3var: ~"highlight-@{color3}";
+               @c3var: ~'highlight-@{color3}';
                background-color: tint( mix( @@c1var, average( @@c2var, @@c3var ), 33% ), 30% );
        }
 
        // Four colors
        @{highlight-color-class-var}.mw-rcfilters-highlight-color-@{color3}.mw-rcfilters-highlight-color-@{color4} when not ( @color4 = false ) {
-               @c3var: ~"highlight-@{color3}";
-               @c4var: ~"highlight-@{color4}";
+               @c3var: ~'highlight-@{color3}';
+               @c4var: ~'highlight-@{color4}';
                background-color: tint( mix( @@c1var, mix( @@c2var, average( @@c3var, @@c4var ), 25% ), 25% ), 25% );
        }
 }