summaryrefslogtreecommitdiff
path: root/vendor/oojs/oojs-ui/src/themes/apex/layouts.less
diff options
context:
space:
mode:
Diffstat (limited to 'vendor/oojs/oojs-ui/src/themes/apex/layouts.less')
-rw-r--r--vendor/oojs/oojs-ui/src/themes/apex/layouts.less135
1 files changed, 135 insertions, 0 deletions
diff --git a/vendor/oojs/oojs-ui/src/themes/apex/layouts.less b/vendor/oojs/oojs-ui/src/themes/apex/layouts.less
new file mode 100644
index 00000000..b86aa010
--- /dev/null
+++ b/vendor/oojs/oojs-ui/src/themes/apex/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;
+ }
+
+ > .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-radius: 0.5em;
+ box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
+ }
+}
+
+.theme-oo-ui-cardLayout () {}
+
+.theme-oo-ui-pageLayout () {}
+
+.theme-oo-ui-stackLayout () {}