Sha256: d41bba775ae6055cba362a7694b72fa7ae771250c25f3c92621f4d2e90430405
Contents?: true
Size: 1.41 KB
Versions: 1
Compression:
Stored size: 1.41 KB
Contents
// Requires Sass 3.1+ @mixin linear-gradient($pos, $G1, $G2: false, $G3: false, $G4: false, $G5: false, $G6: false, $G7: false, $G8: false, $G9: false, $G10: 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 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); background-color: nth($G1, 1); background-image: -webkit-gradient(linear, left top, left bottom, from($G1), to($G2)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient($pos, $full); background-image: -moz-linear-gradient($pos, $full); background-image: -ms-linear-gradient($pos, $full); background-image: -o-linear-gradient($pos, $full); background-image: 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(top, #1e5799 0%, #2989d8 50%); // @include linear-gradient(50deg, rgba(10, 10, 10, 0.5) 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
Version data entries
1 entries across 1 versions & 1 rubygems
Version | Path |
---|---|
bourbon-0.1.1 | app/assets/stylesheets/css3/_linear-gradient.css.scss |