1 @import 'mediawiki.skin.variables.less';
2 @import 'mediawiki.mixins.less';
4 .mw-apisandbox-toolbar {
5 background: @background-color-base;
9 box-shadow: @box-shadow-drop-small;
14 #mw-apisandbox-ui .mw-apisandbox-link {
18 .mw-apisandbox-popup {
19 .oo-ui-popupWidget-body > .oo-ui-widget {
20 vertical-align: middle;
23 /* So DateTimeInputWidget's calendar popup works... */
24 .oo-ui-popupWidget-popup,
25 .oo-ui-popupWidget-body {
29 /* Display contents of the popup on a single line */
30 & > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body {
34 & > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
38 & > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .oo-ui-buttonWidget {
46 .oo-ui-popupWidget-body-padded {
47 // TODO: Upstream this fix (T266223)
53 .mw-apisandbox-help-field {
54 border-bottom: @border-subtle;
62 .mw-apisandbox-optionalWidget {
65 &.oo-ui-widget-disabled {
67 z-index: 0; /* New stacking context to prevent the cover from leaking out */
88 vertical-align: middle;
92 width: 1%; /* Will be expanded by content */
98 .mw-apisandbox-textInputCode .oo-ui-inputWidget-input {
99 font-family: monospace, monospace;
105 .mw-apisandbox-help-field,
106 .mw-apisandbox-widget-field {
110 .mw-apisandbox-widget-field {
111 .oo-ui-textInputWidget {
112 /* Leave at least enough space for icon, indicator, and a sliver of text */
116 &.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body {
117 & > .oo-ui-fieldLayout-header {
121 & > .oo-ui-fieldLayout-field {
127 /* stylelint-disable selector-class-pattern */
133 /* stylelint-enable selector-class-pattern */
135 .mw-apisandbox-deprecated-value .oo-ui-labelElement-label {
136 text-decoration: line-through;
139 .oo-ui-menuOptionWidget .mw-apisandbox-flag {
140 line-height: 1.42857143em;
141 color: @color-subtle;