diff options
Diffstat (limited to 'vendor/oojs/oojs-ui/src/styles/common.less')
-rw-r--r-- | vendor/oojs/oojs-ui/src/styles/common.less | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/vendor/oojs/oojs-ui/src/styles/common.less b/vendor/oojs/oojs-ui/src/styles/common.less new file mode 100644 index 00000000..9663580f --- /dev/null +++ b/vendor/oojs/oojs-ui/src/styles/common.less @@ -0,0 +1,102 @@ +@import 'theme'; + +// Variables + +// @oo-ui-default-image-ext set during build +// @oo-ui-distribution set during build +@oo-ui-default-image-path: 'images'; + +// Mixins + +.oo-ui-background-image( @url ) { + background-image: e('/* @embed */') url(~'@{url}'); +} + +.oo-ui-background-image-svg2( @svg, @fallback ) when ( @oo-ui-distribution = mixed ) { + background-image: url(@fallback); + background-image: -webkit-linear-gradient(transparent, transparent), e('/* @embed */') url(@svg); + background-image: linear-gradient(transparent, transparent), e('/* @embed */') url(@svg); + background-image: -o-linear-gradient(transparent, transparent), url(@fallback); +} +.oo-ui-background-image-svg2( @svg, @fallback ) when ( @oo-ui-distribution = vector ) { + .oo-ui-background-image(@svg); +} +.oo-ui-background-image-svg2( @svg, @fallback ) when ( @oo-ui-distribution = raster ) { + .oo-ui-background-image(@fallback); +} + +.oo-ui-background-image-svg( @url-without-extension ) { + @svg: '@{url-without-extension}.svg'; + @fallback: '@{url-without-extension}.@{oo-ui-default-image-ext}'; + .oo-ui-background-image-svg2(@svg, @fallback); +} + +.oo-ui-force-webkit-gpu() { + -webkit-transform: translate3d(0, 0, 0); +} + +.oo-ui-animation( @value1, @value2: X, ... ) { + @value: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`; + -webkit-animation: @value; + -moz-animation: @value; + -ms-animation: @value; + -o-animation: @value; + animation: @value; +} + +.oo-ui-transition( @value1, @value2: X, ... ) { + @value: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`; + -webkit-transition: @value; + -moz-transition: @value; + -ms-transition: @value; + -o-transition: @value; + transition: @value; +} + +.oo-ui-transform( @string ) { + -webkit-transform: @string; + -moz-transform: @string; + -ms-transform: @string; + -o-transform: @string; + transform: @string; +} + +.oo-ui-box-sizing( @type: border-box ) { + -webkit-box-sizing: @type; + -moz-box-sizing: @type; + box-sizing: @type; +} + +.oo-ui-vertical-gradient( @start: #EEE, @stop: #FFF ) { + background: mix(@start, @stop, 50%); + filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='%d', endColorstr='%d')", @start, @stop)); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, @start), color-stop(100%, @stop)); + background-image: -webkit-linear-gradient(top, @start 0%, @stop 100%); + background-image: -moz-linear-gradient(top, @start 0%, @stop 100%); + background-image: -ms-linear-gradient(top, @start 0%, @stop 100%); + background-image: -o-linear-gradient(top, @start 0%, @stop 100%); + background-image: linear-gradient(top, @start 0%, @stop 100%); +} + +.oo-ui-unselectable() { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.oo-ui-selectable() { + -webkit-touch-callout: default; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; +} + +.oo-ui-inline-spacing( @spacing, @cancelled-spacing: 0 ) { + margin-right: @spacing; + &:last-child { + margin-right: @cancelled-spacing; + } +} |