diff options
Diffstat (limited to 'vendor/oojs/oojs-ui/src/styles/elements')
13 files changed, 152 insertions, 0 deletions
diff --git a/vendor/oojs/oojs-ui/src/styles/elements/ButtonElement.less b/vendor/oojs/oojs-ui/src/styles/elements/ButtonElement.less new file mode 100644 index 00000000..248772e5 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/ButtonElement.less @@ -0,0 +1,62 @@ +@import '../common'; + +.oo-ui-buttonElement { + > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + font: inherit; + white-space: nowrap; + .oo-ui-unselectable(); + + > .oo-ui-iconElement-icon, + > .oo-ui-indicatorElement-indicator { + display: none; + } + } + + &.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + cursor: default; + } + + &.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, + &.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + } + + &-frameless { + display: inline-block; + position: relative; + + &.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; + } + } + + &-framed { + > .oo-ui-buttonElement-button { + display: inline-block; + vertical-align: top; + text-align: center; + } + + &.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; + } + + &.oo-ui-widget-disabled { + > .oo-ui-buttonElement-button, + &.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, + &.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + cursor: default; + } + } + } + + .theme-oo-ui-buttonElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/ClippableElement.less b/vendor/oojs/oojs-ui/src/styles/elements/ClippableElement.less new file mode 100644 index 00000000..2a661e93 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/ClippableElement.less @@ -0,0 +1,7 @@ +@import '../common'; + +.oo-ui-clippableElement-clippable { + .oo-ui-box-sizing(border-box); + + .theme-oo-ui-clippableElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/DraggableElement.less b/vendor/oojs/oojs-ui/src/styles/elements/DraggableElement.less new file mode 100644 index 00000000..3f382766 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/DraggableElement.less @@ -0,0 +1,22 @@ +@import '../common'; + +.oo-ui-draggableElement { + cursor: -webkit-grab -moz-grab, url(images/grab.cur), move; + + &-dragging { + cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move; + background: rgba( 0, 0, 0, 0.2 ); + opacity: 0.4; + } + + /* + * HACK: In order to style horizontally, we must override + * OO.ui.OptionWidget's display rule that is currently set + * to be 'block' + */ + .oo-ui-draggableGroupElement-horizontal &.oo-ui-optionWidget { + display: inline-block; + } + + .theme-oo-ui-draggableElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/DraggableGroupElement.less b/vendor/oojs/oojs-ui/src/styles/elements/DraggableGroupElement.less new file mode 100644 index 00000000..07e08594 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/DraggableGroupElement.less @@ -0,0 +1,11 @@ +@import '../common'; + +.oo-ui-draggableGroupElement { + &-placeholder { + position: absolute; + display: block; + background: rgba( 0, 0, 0, 0.4 ); + } + + .theme-oo-ui-draggableGroupElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/FlaggedElement.less b/vendor/oojs/oojs-ui/src/styles/elements/FlaggedElement.less new file mode 100644 index 00000000..6e9202e9 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/FlaggedElement.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-flaggedElement { + .theme-oo-ui-flaggedElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/GroupElement.less b/vendor/oojs/oojs-ui/src/styles/elements/GroupElement.less new file mode 100644 index 00000000..159d32cc --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/GroupElement.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-groupElement { + .theme-oo-ui-groupElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/IconElement.less b/vendor/oojs/oojs-ui/src/styles/elements/IconElement.less new file mode 100644 index 00000000..5d90fda6 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/IconElement.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-iconElement { + .theme-oo-ui-iconElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/IndicatorElement.less b/vendor/oojs/oojs-ui/src/styles/elements/IndicatorElement.less new file mode 100644 index 00000000..d400803c --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/IndicatorElement.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-indicatorElement { + .theme-oo-ui-indicatorElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/LabelElement.less b/vendor/oojs/oojs-ui/src/styles/elements/LabelElement.less new file mode 100644 index 00000000..c47ecdc4 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/LabelElement.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-labelElement { + .theme-oo-ui-labelElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/LookupElement.less b/vendor/oojs/oojs-ui/src/styles/elements/LookupElement.less new file mode 100644 index 00000000..0ab29f72 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/LookupElement.less @@ -0,0 +1,10 @@ +@import '../common'; + +.oo-ui-lookupElement { + > .oo-ui-menuSelectWidget { + z-index: 1; + width: 100%; + } + + .theme-oo-ui-lookupElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/PopupElement.less b/vendor/oojs/oojs-ui/src/styles/elements/PopupElement.less new file mode 100644 index 00000000..12b80daf --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/PopupElement.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-popupElement { + .theme-oo-ui-popupElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/TabIndexedElement.less b/vendor/oojs/oojs-ui/src/styles/elements/TabIndexedElement.less new file mode 100644 index 00000000..f894d369 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/TabIndexedElement.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-tabIndexedElement { + .theme-oo-ui-tabIndexedElement(); +} diff --git a/vendor/oojs/oojs-ui/src/styles/elements/TitledElement.less b/vendor/oojs/oojs-ui/src/styles/elements/TitledElement.less new file mode 100644 index 00000000..f8a15b68 --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/elements/TitledElement.less @@ -0,0 +1,5 @@ +@import '../common'; + +.oo-ui-titledElement { + .theme-oo-ui-titledElement(); +} |