X-Git-Url: http://git.cyclocoop.org/%7B%24www_url%7Dadmin/compta/categories/modifier.php?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki%2Fhtmlform%2Fooui.styles.less;h=61a1c9cc56fbbeae272eacb6185ef609322e17ac;hb=62e3318f82ebc1638d504cef155200999952d31a;hp=97a013e3085b53aecbd812ac8b12f3a024871237;hpb=33fb730074c7251a478687a9a37022f5d47165c8;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki/htmlform/ooui.styles.less b/resources/src/mediawiki/htmlform/ooui.styles.less
index 97a013e308..61a1c9cc56 100644
--- a/resources/src/mediawiki/htmlform/ooui.styles.less
+++ b/resources/src/mediawiki/htmlform/ooui.styles.less
@@ -1,13 +1,21 @@
+@import 'mediawiki.mixins';
+
 // OOUIHTMLForm styles
+@ooui-font-size-browser: 16; // assumed browser default of `16px`
+@ooui-font-size-base: 0.875em; // equals `14px` at browser default of `16px`
+
+@ooui-spacing-medium: 12 / @ooui-font-size-browser / @ooui-font-size-base; // equals `0.8571429em`≈`12px`
+@ooui-spacing-large: 16 / @ooui-font-size-browser / @ooui-font-size-base; // equals `1.1428571em`≈`16px`
+
 .mw-htmlform-ooui-wrapper.oo-ui-panelLayout-padded {
-	padding: 1em 1.25em 1.25em;
+	padding: @ooui-spacing-medium @ooui-spacing-large @ooui-spacing-large;
 }
 
 .mw-htmlform-ooui {
 	line-height: 1.4; // Override MediaWiki's default of `1.6`
 
 	.oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
-		line-height: 1.143; // equals `16px`
+		line-height: 16 / @ooui-font-size-browser / @ooui-font-size-base;
 	}
 
 	.mw-htmlform-field-HTMLCheckMatrix {
@@ -19,9 +27,7 @@
 
 		td {
 			padding: 0.35em 0.7em;
-			-webkit-transition: background-color 250ms;
-			-moz-transition: background-color 250ms;
-			transition: background-color 250ms;
+			.transition( background-color 250ms );
 		}
 
 		tbody tr:nth-child( even ) td {
@@ -49,10 +55,10 @@
 .mw-htmlform-flatlist .oo-ui-radioOptionWidget,
 .mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget {
 	display: inline-block;
-	margin-right: 1em;
+	margin-right: @ooui-spacing-medium;
 }
 
 .mw-htmlform-ooui .htmlform-tip,
 .mw-htmlform-ooui .mw-htmlform-submit-buttons {
-	margin-top: 1em;
+	margin-top: @ooui-spacing-medium;
 }