1 files changed, 135 insertions, 0 deletions
diff --git a/vendor/oojs/oojs-ui/src/themes/mediawiki/layouts.less b/vendor/oojs/oojs-ui/src/themes/mediawiki/layouts.less
new file mode 100644
index 00000000..c4956f33
--- /dev/null
+++ b/vendor/oojs/oojs-ui/src/themes/mediawiki/layouts.less
@@ -0,0 +1,135 @@
+@import 'common';
+
+.theme-oo-ui-layout () {}
+
+.theme-oo-ui-bookletLayout () {
+	&-stackLayout {
+		> .oo-ui-panelLayout {
+			padding: 1.5em;
+		}
+	}
+
+	&-outlinePanel {
+		border-right: 1px solid #ddd;
+
+		> .oo-ui-outlineControlsWidget {
+			box-shadow: 0 0 0.25em rgba(0,0,0,0.25);
+		}
+	}
+}
+
+.theme-oo-ui-indexLayout () {
+	&-stackLayout {
+		> .oo-ui-panelLayout {
+			padding: 1.5em;
+		}
+	}
+}
+
+.theme-oo-ui-fieldLayout () {
+	margin-bottom: 1em;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+
+	&.oo-ui-fieldLayout-align-left,
+	&.oo-ui-fieldLayout-align-right {
+		&.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
+			padding-top: 0.5em;
+			margin-right: 5%;
+			width: 35%;
+		}
+
+		> .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
+			width: 60%;
+		}
+	}
+
+	&.oo-ui-fieldLayout-align-inline {
+		&.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
+			padding: 0.5em;
+			padding-left: 1em;
+		}
+
+		> .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
+			padding: 0.5em 0;
+		}
+	}
+
+	&.oo-ui-fieldLayout-align-top {
+		&.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
+			padding: 0.5em 0;
+		}
+	}
+
+	> .oo-ui-popupButtonWidget {
+		.oo-ui-inline-spacing(0);
+		margin-top: 0.25em;
+	}
+
+	&-disabled .oo-ui-labelElement-label {
+		color: #ccc;
+	}
+}
+
+.theme-oo-ui-actionFieldLayout () {}
+
+.theme-oo-ui-fieldsetLayout () {
+	margin: 0;
+	padding: 0;
+	border: none;
+
+	+ .oo-ui-fieldsetLayout,
+	+ .oo-ui-formLayout {
+		margin-top: 2em;
+	}
+
+	> .oo-ui-labelElement-label {
+		font-size: 1.1em;
+		margin-bottom: 0.5em;
+		padding: 0.25em 0;
+		font-weight: bold;
+	}
+
+	&.oo-ui-iconElement > .oo-ui-labelElement-label {
+		padding-left: 2em;
+		line-height: 1.8em;
+	}
+
+	&.oo-ui-iconElement > .oo-ui-iconElement-icon {
+		left: 0;
+		top: 0.25em;
+		width: @icon-size;
+		height: @icon-size;
+	}
+
+	> .oo-ui-popupButtonWidget {
+		.oo-ui-inline-spacing(0);
+	}
+}
+
+.theme-oo-ui-formLayout () {
+	+ .oo-ui-fieldsetLayout,
+	+ .oo-ui-formLayout {
+		margin-top: 2em;
+	}
+}
+
+.theme-oo-ui-menuLayout () {}
+
+.theme-oo-ui-panelLayout () {
+	&-padded {
+		padding: 1.25em;
+	}
+
+	&-framed {
+		border: 1px solid #aaa;
+		border-radius: 0.2em;
+		box-shadow: inset 0 -0.2em 0 0 rgba(0,0,0,0.2);
+	}
+}
+
+.theme-oo-ui-pageLayout () {}
+
+.theme-oo-ui-stackLayout () {}