www.aleph1.co.uk Git - yaffs-website/blob - node_modules/video.js/src/css/_utilities.scss

   1 @import "utilities/linear-gradient";
   2
   3 @mixin background-color-with-alpha($color, $alpha) {
   4   background-color: $color;
   5   background-color: rgba($color, $alpha);
   6 }
   7
   8 @mixin transform($transform) {
   9   -moz-transform: $transform;
  10   -ms-transform: $transform;
  11   -o-transform: $transform;
  12   -webkit-transform: $transform;
  13   transform: $transform;
  14 }
  15
  16 @mixin transition($string: $transition--default) {
  17   -webkit-transition: $string;
  18   -moz-transition: $string;
  19   -o-transition: $string;
  20   transition: $string;
  21 }
  22
  23 @mixin hide-visually {
  24   border: 0;
  25   clip: rect(0 0 0 0);
  26   height: 1px;
  27   margin: -1px;
  28   overflow: hidden;
  29   padding: 0;
  30   position: absolute;
  31   width: 1px;
  32 }
  33
  34 @mixin border-radius($radius) {
  35   -webkit-border-radius: $radius;
  36   -moz-border-radius: $radius;
  37   border-radius: $radius;
  38 }
  39
  40 @mixin animation($string: spin 1s infinite linear) {
  41   -webkit-animation: $string;
  42   -moz-animation: $string;
  43   -o-animation: $string;
  44   animation: $string;
  45 }
  46
  47 @mixin display-flex($alignment: '', $justification: '') {
  48   display: -webkit-box;
  49   display: -webkit-flex;
  50   display: -ms-flexbox;
  51   display: flex;
  52
  53   @if $alignment != '' {
  54     -webkit-box-align: $alignment;
  55     -webkit-align-items: $alignment;
  56     -ms-flex-align: $alignment;
  57     align-items: $alignment;
  58   }
  59
  60   @if $justification != '' {
  61     -webkit-box-pack: $justification;
  62     -webkit-justify-content: $justification;
  63     -ms-flex-pack: $justification;
  64     justify-content: $justification;
  65   }
  66 }
  67
  68 @mixin flex($value) {
  69   // @include context('.video-js', '.video-js.vjs-no-flex') {
  70   //   display: table-cell;
  71   //   vertical-align: middle;
  72   //   @if ($value == 'auto') {
  73   //     width: auto;
  74   //   }
  75   // }
  76
  77   -webkit-box-flex: $value;
  78   -moz-box-flex: $value;
  79   -webkit-flex: $value;
  80   -ms-flex: $value;
  81   flex: $value;
  82 }
  83
  84 // https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
  85 @mixin user-select($string: none) {
  86   -webkit-user-select: $string;
  87   -moz-user-select: $string;
  88   -ms-user-select: $string;
  89   user-select: $string;
  90 }
  91
  92 // https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
  93 @mixin box-shadow ($string: 0 0 1em rgba(0, 0, 0, 0.25)) {
  94   -webkit-box-shadow: $string;
  95   -moz-box-shadow: $string;
  96   box-shadow: $string;
  97 }
  98
  99 @mixin order($value) {
 100   -webkit-box-ordinal-group: $value;
 101   -moz-box-ordinal-group: $value;
 102   -ms-flex-order: $value;
 103   -webkit-order: $value;
 104   order: $value;
 105 }
 106
 107 %fill-parent {
 108   position: absolute;
 109   top: 0;
 110   left: 0;
 111   width: 100%;
 112   height: 100%;
 113 }
 114
 115 %icon-default {
 116   @extend %fill-parent;
 117   text-align: center;
 118 }