'targets' => [ 'desktop', 'mobile' ],
],
'mediawiki.htmlform.ooui.styles' => [
- 'styles' => 'resources/src/mediawiki/htmlform/ooui.styles.css',
+ 'styles' => 'resources/src/mediawiki/htmlform/ooui.styles.less',
'targets' => [ 'desktop', 'mobile' ],
],
'mediawiki.icon' => [
+++ /dev/null
-/* OOUIHTMLForm styles */
-
-.mw-htmlform-ooui .mw-htmlform-field-HTMLCheckMatrix {
- width: 100%;
-}
-
-.mw-htmlform-ooui .mw-htmlform-matrix {
- border-spacing: 0;
-}
-
-.mw-htmlform-ooui .mw-htmlform-matrix td {
- padding: 0.35em 0.7em;
- -webkit-transition: background-color 250ms;
- -moz-transition: background-color 250ms;
- transition: background-color 250ms;
-}
-
-.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child( even ) td {
- background-color: #f8f9fa;
-}
-
-.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:not( :first-child ):hover td {
- background-color: #eaecf0;
-}
-
-.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td {
- background-color: #fff;
-}
-
-.mw-htmlform-ooui .mw-htmlform-matrix td.first {
- margin-right: 5%;
- width: 39%;
-}
-
-/* Flatlist styling for PHP widgets... */
-.mw-htmlform-flatlist .oo-ui-fieldLayout-align-inline,
-/* ...and for JS widgets */
-.mw-htmlform-flatlist .oo-ui-radioOptionWidget,
-.mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget {
- display: inline-block;
- margin-right: 1em;
-}
-
-.mw-htmlform-ooui .htmlform-tip,
-.mw-htmlform-ooui .mw-htmlform-submit-buttons {
- margin-top: 1em;
-}
--- /dev/null
+/* OOUIHTMLForm styles */
+
+.mw-htmlform-ooui {
+ .mw-htmlform-field-HTMLCheckMatrix {
+ width: 100%;
+ }
+
+ .mw-htmlform-matrix {
+ border-spacing: 0;
+
+ td {
+ padding: 0.35em 0.7em;
+ -webkit-transition: background-color 250ms;
+ -moz-transition: background-color 250ms;
+ transition: background-color 250ms;
+ }
+
+ tbody tr:nth-child( even ) td {
+ background-color: #f8f9fa;
+ }
+
+ tbody tr:not( :first-child ):hover td {
+ background-color: #eaecf0;
+ }
+
+ tbody tr:first-child td {
+ background-color: #fff;
+ }
+
+ td.first {
+ margin-right: 5%;
+ width: 39%;
+ }
+ }
+}
+
+/* Flatlist styling for PHP widgets... */
+.mw-htmlform-flatlist .oo-ui-fieldLayout-align-inline,
+/* ...and for JS widgets */
+.mw-htmlform-flatlist .oo-ui-radioOptionWidget,
+.mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget {
+ display: inline-block;
+ margin-right: 1em;
+}
+
+.mw-htmlform-ooui .htmlform-tip,
+.mw-htmlform-ooui .mw-htmlform-submit-buttons {
+ margin-top: 1em;
+}