X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.ui%2Fcomponents%2Fcheckbox.less;h=2ca20a5b5e41027d2a625160ea0a059d3f40402f;hb=9f82c4161bb54a1b4f25fe5f56120d77ebd35d83;hp=f983087ff5e934be73790e1bd440eb2ea1dc7525;hpb=0c01f3a44ee13b9896d96164471538b4f1560b97;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.ui/components/checkbox.less b/resources/src/mediawiki.ui/components/checkbox.less
index f983087ff5..2ca20a5b5e 100644
--- a/resources/src/mediawiki.ui/components/checkbox.less
+++ b/resources/src/mediawiki.ui/components/checkbox.less
@@ -1,5 +1,5 @@
-@import "mediawiki.mixins";
-@import "mediawiki.ui/variables";
+@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
 
 // Checkbox
 //
@@ -48,11 +48,11 @@
 		vertical-align: middle;
 	}
 
-	input[type="checkbox"] {
+	input[type='checkbox'] {
 		// we hide the input element as instead we will style the label that follows
 		// we use opacity so that VoiceOver software can still identify it
 		opacity: 0;
-		// Render "on top of" the label, so that it's still clickable (T98905)
+		// Render *on top of* the label, so that it's still clickable (T98905)
 		z-index: 1;
 		position: relative;
 		// ensure the invisible checkbox takes up the required width
@@ -68,7 +68,7 @@
 		}
 
 		// the pseudo before element of the label after the checkbox now looks like a checkbox
-		& + label::before {
+		& + label:before {
 			content: '';
 			background-color: #fff;
 			.background-image-svg( 'images/checked.svg', 'images/checked.png' );
@@ -91,33 +91,33 @@
 		}
 
 		// when the input is checked, style the label pseudo before element that followed as a checked checkbox
-		&:checked + label::before {
+		&:checked + label:before {
 			.background-size( 100%, 100% );
 		}
 
-		&:active + label::before {
+		&:active + label:before {
 			background-color: @colorGray13;
 			border-color: @colorGray13;
 		}
 
-		&:focus + label::before {
+		&:focus + label:before {
 			border-width: 2px;
 		}
 
-		&:focus:hover + label::before,
-		&:hover + label::before {
+		&:focus:hover + label:before,
+		&:hover + label:before {
 			border-bottom-width: 3px;
 		}
 
 		// disabled checkboxes have a gray background
-		&:disabled + label::before {
+		&:disabled + label:before {
 			cursor: default;
 			background-color: @colorGray14;
 			border-color: @colorGray14;
 		}
 
 		// disabled and checked checkboxes have a white circle
-		&:disabled:checked + label::before {
+		&:disabled:checked + label:before {
 			.background-image-svg( 'images/checked_disabled.svg', 'images/checked_disabled.png' );
 		}
 	}