resources/mediawiki.less/mediawiki.mixins.less

   1 /**
   2  * Common LESS mixin library for MediaWiki
   3  *
   4  * By default the folder containing this file is included in $wgResourceLoaderLESSImportPaths,
   5  * which makes this file importable by all less files via '@import "mediawiki.mixins";'.
   6  *
   7  * The mixins included below are considered a public interface for MediaWiki extensions.
   8  * The signatures of parametrized mixins should be kept as stable as possible.
   9  *
  10  * See <http://lesscss.org/#-mixins> for more information about how to write mixins.
  11  */
  12
  13 .background-image(@url) when (embeddable(@url)) {
  14         background-image: embed(@url);
  15         background-image: url(@url)!ie;
  16 }
  17
  18 .background-image(@url) when not (embeddable(@url)) {
  19         background-image: url(@url);
  20 }
  21
  22 /* Note gzip compression means that it is okay to embed twice */
  23 .background-image-svg(@svg, @fallback) {
  24         background-image: url(@fallback);
  25         /* SVG support using a transparent gradient to guarantee cross-browser
  26          * compatibility (browsers able to understand gradient syntax support also SVG) */
  27         /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url(@svg);
  28         /* @embed */ background-image: linear-gradient(transparent, transparent), url(@svg);
  29 }
  30
  31 /* Caution: Does not support localisable images */
  32 .list-style-image(@url) when (embeddable(@url)) {
  33         list-style-image: embed(@url);
  34         list-style-image: url(@url)!ie;
  35 }
  36
  37 .list-style-image(@url) when not (embeddable(@url)) {
  38         list-style-image: url(@url);
  39 }
  40
  41 .transition(@string) {
  42         -webkit-transition: @string;
  43         -moz-transition: @string;
  44         -o-transition: @string;
  45         transition: @string;
  46 }