summaryrefslogtreecommitdiff
path: root/javascript/videojs/src/css/utilities/_linear-gradient.scss
diff options
context:
space:
mode:
Diffstat (limited to 'javascript/videojs/src/css/utilities/_linear-gradient.scss')
-rw-r--r--javascript/videojs/src/css/utilities/_linear-gradient.scss93
1 files changed, 0 insertions, 93 deletions
diff --git a/javascript/videojs/src/css/utilities/_linear-gradient.scss b/javascript/videojs/src/css/utilities/_linear-gradient.scss
deleted file mode 100644
index 5adc2eb..0000000
--- a/javascript/videojs/src/css/utilities/_linear-gradient.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-@use "sass:math";
-
-// These functions and mixins taken from:
-//
-// "Building a linear-gradient Mixin in Sass" by Hugo Giraudel
-// http://www.sitepoint.com/building-linear-gradient-mixin-sass/
-// http://sassmeister.com/gist/b58f6e2cc3160007c880
-//
-
-/// Convert angle
-/// @author Chris Eppstein
-/// @param {Number} $value - Value to convert
-/// @param {String} $unit - Unit to convert to
-/// @return {Number} Converted angle
-@function convert-angle($value, $unit) {
- $convertable-units: deg grad turn rad;
- $conversion-factors: 1 math.div(10grad, 9deg) math.div(1turn, 360deg) math.div(3.1415926rad, 180deg);
- @if index($convertable-units, unit($value)) and index($convertable-units, $unit) {
- @return math.div($value, nth($conversion-factors, index($convertable-units, unit($value))))
- * nth($conversion-factors, index($convertable-units, $unit));
- }
-
- @warn "Cannot convert `#{unit($value)}` to `#{$unit}`.";
-}
-
-/// Test if `$value` is an angle
-/// @param {*} $value - Value to test
-/// @return {Bool}
-@function is-direction($value) {
- $is-direction: index((
- 'to top',
- 'to top right',
- 'to right top',
- 'to right',
- 'to bottom right',
- 'to right bottom',
- 'to bottom',
- 'to bottom left',
- 'to left bottom',
- 'to left',
- 'to left top',
- 'to top left'
- ), $value);
- $is-angle: type-of($value) == 'number' and index('deg' 'grad' 'turn' 'rad', unit($value));
-
- @return $is-direction or $is-angle;
-}
-
-/// Convert a direction to legacy syntax
-/// @param {Keyword | Angle} $value - Value to convert
-/// @require {function} is-direction
-/// @require {function} convert-angle
-@function legacy-direction($value) {
- @if is-direction($value) == false {
- @warn "Cannot convert `#{$value}` to legacy syntax because it doesn't seem to be an angle or a direction";
- }
-
- $conversion-map: (
- 'to top' : 'bottom',
- 'to top right' : 'bottom left',
- 'to right top' : 'left bottom',
- 'to right' : 'left',
- 'to bottom right' : 'top left',
- 'to right bottom' : 'left top',
- 'to bottom' : 'top',
- 'to bottom left' : 'top right',
- 'to left bottom' : 'right top',
- 'to left' : 'right',
- 'to left top' : 'right bottom',
- 'to top left' : 'bottom right'
- );
-
- @if map-has-key($conversion-map, $value) {
- @return map-get($conversion-map, $value);
- }
-
- @return 90deg - convert-angle($value, 'deg');
-}
-
-/// Mixin printing a linear-gradient
-/// as well as a plain color fallback
-/// @access public
-/// @param {String | List | Angle} $direction - Linear gradient direction
-/// @param {Arglist} $color-stops - List of color-stops composing the gradient
-@mixin linear-gradient($direction, $color-stops...) {
- @if is-direction($direction) == false {
- $color-stops: ($direction, $color-stops);
- $direction: 180deg;
- }
-
- background: nth(nth($color-stops, 1), 1);
- background: linear-gradient($direction, $color-stops);
-}