summaryrefslogtreecommitdiff
path: root/javascript/videojs/src/css/_utilities.scss
diff options
context:
space:
mode:
Diffstat (limited to 'javascript/videojs/src/css/_utilities.scss')
-rw-r--r--javascript/videojs/src/css/_utilities.scss81
1 files changed, 0 insertions, 81 deletions
diff --git a/javascript/videojs/src/css/_utilities.scss b/javascript/videojs/src/css/_utilities.scss
deleted file mode 100644
index 7dd1cce..0000000
--- a/javascript/videojs/src/css/_utilities.scss
+++ /dev/null
@@ -1,81 +0,0 @@
-@import "utilities/linear-gradient";
-
-@mixin background-color-with-alpha($color, $alpha) {
- background-color: $color;
- background-color: rgba($color, $alpha);
-}
-
-@mixin transform($transform) {
- transform: $transform;
-}
-
-@mixin transition($string: $transition--default) {
- transition: $string;
-}
-
-@mixin hide-visually {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
-}
-
-@mixin border-radius($radius) {
- border-radius: $radius;
-}
-
-@mixin animation($string: spin 1s infinite linear) {
- animation: $string;
-}
-
-@mixin display-flex($alignment: '', $justification: '') {
- display: flex;
-
- @if $alignment != '' {
- align-items: $alignment;
- }
-
- @if $justification != '' {
- justify-content: $justification;
- }
-}
-
-@mixin flex($value) {
- flex: $value;
-}
-
-// https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
-// https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css (version: January, 2017)
-@mixin user-select($string: none) {
- /* iOS Safari */
- -webkit-touch-callout: $string;
- /* Safari, and Chrome 53 */
- -webkit-user-select: $string;
- /* Non-prefixed version, currently supported by Chrome and Opera */
- user-select: $string;
-}
-
-// https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
-@mixin box-shadow ($string: 0 0 1em rgba(0, 0, 0, 0.25)) {
- box-shadow: $string;
-}
-
-@mixin order($value) {
- order: $value;
-}
-
-%fill-parent {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
-}
-
-%icon-default {
- @extend %fill-parent;
- text-align: center;
-}