mirror of
https://github.com/danbee/tube-status-server
synced 2025-03-04 08:39:12 +00:00
44 lines
1.9 KiB
SCSS
44 lines
1.9 KiB
SCSS
@mixin linear-gradient($pos, $G1, $G2: false,
|
|
$G3: false, $G4: false,
|
|
$G5: false, $G6: false,
|
|
$G7: false, $G8: false,
|
|
$G9: false, $G10: false,
|
|
$deprecated-pos1: left top,
|
|
$deprecated-pos2: left bottom,
|
|
$fallback: false) {
|
|
// Detect what type of value exists in $pos
|
|
$pos-type: type-of(nth($pos, 1));
|
|
|
|
// If $pos is missing from mixin, reassign vars and add default position
|
|
@if ($pos-type == color) or (nth($pos, 1) == "transparent") {
|
|
$G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
|
|
$G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
|
|
$pos: top; // Default position
|
|
}
|
|
|
|
$full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
|
|
|
|
// Set $G1 as the default fallback color
|
|
$fallback-color: nth($G1, 1);
|
|
|
|
// If $fallback is a color use that color as the fallback color
|
|
@if (type-of($fallback) == color) or ($fallback == "transparent") {
|
|
$fallback-color: $fallback;
|
|
}
|
|
|
|
background-color: $fallback-color;
|
|
background-image: deprecated-webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $full); // Safari <= 5.0
|
|
background-image: -webkit-linear-gradient($pos, $full); // Safari 5.1+, Chrome
|
|
background-image: -moz-linear-gradient($pos, $full);
|
|
background-image: -ms-linear-gradient($pos, $full);
|
|
background-image: -o-linear-gradient($pos, $full);
|
|
background-image: unquote("linear-gradient(#{$pos}, #{$full})");
|
|
}
|
|
|
|
|
|
// Usage: Gradient position is optional, default is top. Position can be a degree. Color stops are optional as well.
|
|
// @include linear-gradient(#1e5799, #2989d8);
|
|
// @include linear-gradient(#1e5799, #2989d8, $fallback:#2989d8);
|
|
// @include linear-gradient(top, #1e5799 0%, #2989d8 50%);
|
|
// @include linear-gradient(50deg, rgba(10, 10, 10, 0.5) 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
|