hanuman 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +89 -0
- data/_data/author.yml +8 -0
- data/_data/navigation.yml +5 -0
- data/_includes/analytics.html +15 -0
- data/_includes/footer.html +61 -0
- data/_includes/head.html +68 -0
- data/_includes/header.html +58 -0
- data/_includes/icon-github.html +3 -0
- data/_includes/icon-github.svg +1 -0
- data/_includes/icon-twitter.html +3 -0
- data/_includes/icon-twitter.svg +1 -0
- data/_includes/metadata.json +30 -0
- data/_includes/styles.scss +727 -0
- data/_layouts/default.html +13 -0
- data/_layouts/page.html +16 -0
- data/_layouts/post.html +153 -0
- data/_sass/_syntax-highlighting.scss +70 -0
- data/_sass/bourbon/_bourbon-deprecated-upcoming.scss +8 -0
- data/_sass/bourbon/_bourbon.scss +79 -0
- data/_sass/bourbon/addons/_button.scss +374 -0
- data/_sass/bourbon/addons/_clearfix.scss +23 -0
- data/_sass/bourbon/addons/_directional-values.scss +111 -0
- data/_sass/bourbon/addons/_ellipsis.scss +7 -0
- data/_sass/bourbon/addons/_font-family.scss +5 -0
- data/_sass/bourbon/addons/_hide-text.scss +10 -0
- data/_sass/bourbon/addons/_html5-input-types.scss +86 -0
- data/_sass/bourbon/addons/_position.scss +32 -0
- data/_sass/bourbon/addons/_prefixer.scss +45 -0
- data/_sass/bourbon/addons/_retina-image.scss +31 -0
- data/_sass/bourbon/addons/_size.scss +16 -0
- data/_sass/bourbon/addons/_timing-functions.scss +32 -0
- data/_sass/bourbon/addons/_triangle.scss +83 -0
- data/_sass/bourbon/addons/_word-wrap.scss +8 -0
- data/_sass/bourbon/css3/_animation.scss +52 -0
- data/_sass/bourbon/css3/_appearance.scss +3 -0
- data/_sass/bourbon/css3/_backface-visibility.scss +6 -0
- data/_sass/bourbon/css3/_background-image.scss +42 -0
- data/_sass/bourbon/css3/_background.scss +55 -0
- data/_sass/bourbon/css3/_border-image.scss +59 -0
- data/_sass/bourbon/css3/_border-radius.scss +22 -0
- data/_sass/bourbon/css3/_box-sizing.scss +4 -0
- data/_sass/bourbon/css3/_calc.scss +4 -0
- data/_sass/bourbon/css3/_columns.scss +47 -0
- data/_sass/bourbon/css3/_filter.scss +5 -0
- data/_sass/bourbon/css3/_flex-box.scss +321 -0
- data/_sass/bourbon/css3/_font-face.scss +23 -0
- data/_sass/bourbon/css3/_font-feature-settings.scss +10 -0
- data/_sass/bourbon/css3/_hidpi-media-query.scss +10 -0
- data/_sass/bourbon/css3/_hyphens.scss +4 -0
- data/_sass/bourbon/css3/_image-rendering.scss +14 -0
- data/_sass/bourbon/css3/_keyframes.scss +35 -0
- data/_sass/bourbon/css3/_linear-gradient.scss +38 -0
- data/_sass/bourbon/css3/_perspective.scss +8 -0
- data/_sass/bourbon/css3/_placeholder.scss +8 -0
- data/_sass/bourbon/css3/_radial-gradient.scss +39 -0
- data/_sass/bourbon/css3/_transform.scss +15 -0
- data/_sass/bourbon/css3/_transition.scss +77 -0
- data/_sass/bourbon/css3/_user-select.scss +3 -0
- data/_sass/bourbon/functions/_assign.scss +11 -0
- data/_sass/bourbon/functions/_color-lightness.scss +13 -0
- data/_sass/bourbon/functions/_flex-grid.scss +39 -0
- data/_sass/bourbon/functions/_golden-ratio.scss +3 -0
- data/_sass/bourbon/functions/_grid-width.scss +13 -0
- data/_sass/bourbon/functions/_modular-scale.scss +66 -0
- data/_sass/bourbon/functions/_px-to-em.scss +13 -0
- data/_sass/bourbon/functions/_px-to-rem.scss +15 -0
- data/_sass/bourbon/functions/_strip-units.scss +5 -0
- data/_sass/bourbon/functions/_tint-shade.scss +9 -0
- data/_sass/bourbon/functions/_transition-property-name.scss +22 -0
- data/_sass/bourbon/functions/_unpack.scss +17 -0
- data/_sass/bourbon/helpers/_convert-units.scss +15 -0
- data/_sass/bourbon/helpers/_gradient-positions-parser.scss +13 -0
- data/_sass/bourbon/helpers/_is-num.scss +8 -0
- data/_sass/bourbon/helpers/_linear-angle-parser.scss +25 -0
- data/_sass/bourbon/helpers/_linear-gradient-parser.scss +41 -0
- data/_sass/bourbon/helpers/_linear-positions-parser.scss +61 -0
- data/_sass/bourbon/helpers/_linear-side-corner-parser.scss +31 -0
- data/_sass/bourbon/helpers/_radial-arg-parser.scss +69 -0
- data/_sass/bourbon/helpers/_radial-gradient-parser.scss +50 -0
- data/_sass/bourbon/helpers/_radial-positions-parser.scss +18 -0
- data/_sass/bourbon/helpers/_render-gradients.scss +26 -0
- data/_sass/bourbon/helpers/_shape-size-stripper.scss +10 -0
- data/_sass/bourbon/helpers/_str-to-num.scss +50 -0
- data/_sass/bourbon/settings/_asset-pipeline.scss +1 -0
- data/_sass/bourbon/settings/_prefixer.scss +6 -0
- data/_sass/bourbon/settings/_px-to-em.scss +1 -0
- data/assets/images/favicon.png +0 -0
- data/assets/images/hanuman.png +0 -0
- data/assets/images/logo.png +0 -0
- data/assets/images/radhakrishna.jpg +0 -0
- data/assets/images/shiva.jpg +0 -0
- data/assets/images/tree.jpg +0 -0
- metadata +208 -0
@@ -0,0 +1,13 @@
|
|
1
|
+
// Convert pixels to ems
|
2
|
+
// eg. for a relational value of 12px write em(12) when the parent is 16px
|
3
|
+
// if the parent is another value say 24px write em(12, 24)
|
4
|
+
|
5
|
+
@function em($pxval, $base: $em-base) {
|
6
|
+
@if not unitless($pxval) {
|
7
|
+
$pxval: strip-units($pxval);
|
8
|
+
}
|
9
|
+
@if not unitless($base) {
|
10
|
+
$base: strip-units($base);
|
11
|
+
}
|
12
|
+
@return ($pxval / $base) * 1em;
|
13
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
// Convert pixels to rems
|
2
|
+
// eg. for a relational value of 12px write rem(12)
|
3
|
+
// Assumes $em-base is the font-size of <html>
|
4
|
+
|
5
|
+
@function rem($pxval) {
|
6
|
+
@if not unitless($pxval) {
|
7
|
+
$pxval: strip-units($pxval);
|
8
|
+
}
|
9
|
+
|
10
|
+
$base: $em-base;
|
11
|
+
@if not unitless($base) {
|
12
|
+
$base: strip-units($base);
|
13
|
+
}
|
14
|
+
@return ($pxval / $base) * 1rem;
|
15
|
+
}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
// Return vendor-prefixed property names if appropriate
|
2
|
+
// Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background
|
3
|
+
//************************************************************************//
|
4
|
+
@function transition-property-names($props, $vendor: false) {
|
5
|
+
$new-props: ();
|
6
|
+
|
7
|
+
@each $prop in $props {
|
8
|
+
$new-props: append($new-props, transition-property-name($prop, $vendor), comma);
|
9
|
+
}
|
10
|
+
|
11
|
+
@return $new-props;
|
12
|
+
}
|
13
|
+
|
14
|
+
@function transition-property-name($prop, $vendor: false) {
|
15
|
+
// put other properties that need to be prefixed here aswell
|
16
|
+
@if $vendor and $prop == transform {
|
17
|
+
@return unquote('-'+$vendor+'-'+$prop);
|
18
|
+
}
|
19
|
+
@else {
|
20
|
+
@return $prop;
|
21
|
+
}
|
22
|
+
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
// Convert shorthand to the 4-value syntax
|
2
|
+
|
3
|
+
@function unpack($shorthand) {
|
4
|
+
@if length($shorthand) == 1 {
|
5
|
+
@return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1);
|
6
|
+
}
|
7
|
+
@else if length($shorthand) == 2 {
|
8
|
+
@return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2);
|
9
|
+
}
|
10
|
+
@else if length($shorthand) == 3 {
|
11
|
+
@return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2);
|
12
|
+
}
|
13
|
+
@else {
|
14
|
+
@return $shorthand;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
@@ -0,0 +1,15 @@
|
|
1
|
+
//************************************************************************//
|
2
|
+
// Helper function for str-to-num fn.
|
3
|
+
// Source: http://sassmeister.com/gist/9647408
|
4
|
+
//************************************************************************//
|
5
|
+
@function _convert-units($number, $unit) {
|
6
|
+
$strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax', 'deg', 'rad', 'grad', 'turn';
|
7
|
+
$units: 1px 1cm 1mm 1% 1ch 1pica 1in 1em 1rem 1pt 1pc 1ex 1vw 1vh 1vmin 1vmax, 1deg, 1rad, 1grad, 1turn;
|
8
|
+
$index: index($strings, $unit);
|
9
|
+
|
10
|
+
@if not $index {
|
11
|
+
@warn "Unknown unit `#{$unit}`.";
|
12
|
+
@return false;
|
13
|
+
}
|
14
|
+
@return $number * nth($units, $index);
|
15
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
@function _gradient-positions-parser($gradient-type, $gradient-positions) {
|
2
|
+
@if $gradient-positions
|
3
|
+
and ($gradient-type == linear)
|
4
|
+
and (type-of($gradient-positions) != color) {
|
5
|
+
$gradient-positions: _linear-positions-parser($gradient-positions);
|
6
|
+
}
|
7
|
+
@else if $gradient-positions
|
8
|
+
and ($gradient-type == radial)
|
9
|
+
and (type-of($gradient-positions) != color) {
|
10
|
+
$gradient-positions: _radial-positions-parser($gradient-positions);
|
11
|
+
}
|
12
|
+
@return $gradient-positions;
|
13
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
//************************************************************************//
|
2
|
+
// Helper for linear-gradient-parser
|
3
|
+
//************************************************************************//
|
4
|
+
@function _is-num($char) {
|
5
|
+
$values: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9' 0 1 2 3 4 5 6 7 8 9;
|
6
|
+
$index: index($values, $char);
|
7
|
+
@return if($index, true, false);
|
8
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
// Private function for linear-gradient-parser
|
2
|
+
@function _linear-angle-parser($image, $first-val, $prefix, $suffix) {
|
3
|
+
$offset: null;
|
4
|
+
$unit-short: str-slice($first-val, str-length($first-val) - 2, str-length($first-val));
|
5
|
+
$unit-long: str-slice($first-val, str-length($first-val) - 3, str-length($first-val));
|
6
|
+
|
7
|
+
@if ($unit-long == "grad") or
|
8
|
+
($unit-long == "turn") {
|
9
|
+
$offset: if($unit-long == "grad", -100grad * 3, -0.75turn);
|
10
|
+
}
|
11
|
+
|
12
|
+
@else if ($unit-short == "deg") or
|
13
|
+
($unit-short == "rad") {
|
14
|
+
$offset: if($unit-short == "deg", -90 * 3, 1.6rad);
|
15
|
+
}
|
16
|
+
|
17
|
+
@if $offset {
|
18
|
+
$num: _str-to-num($first-val);
|
19
|
+
|
20
|
+
@return (
|
21
|
+
webkit-image: -webkit- + $prefix + ($offset - $num) + $suffix,
|
22
|
+
spec-image: $image
|
23
|
+
);
|
24
|
+
}
|
25
|
+
}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
@function _linear-gradient-parser($image) {
|
2
|
+
$image: unquote($image);
|
3
|
+
$gradients: ();
|
4
|
+
$start: str-index($image, "(");
|
5
|
+
$end: str-index($image, ",");
|
6
|
+
$first-val: str-slice($image, $start + 1, $end - 1);
|
7
|
+
|
8
|
+
$prefix: str-slice($image, 0, $start);
|
9
|
+
$suffix: str-slice($image, $end, str-length($image));
|
10
|
+
|
11
|
+
$has-multiple-vals: str-index($first-val, " ");
|
12
|
+
$has-single-position: unquote(_position-flipper($first-val) + "");
|
13
|
+
$has-angle: _is-num(str-slice($first-val, 0, 0));
|
14
|
+
|
15
|
+
@if $has-multiple-vals {
|
16
|
+
$gradients: _linear-side-corner-parser($image, $first-val, $prefix, $suffix, $has-multiple-vals);
|
17
|
+
}
|
18
|
+
|
19
|
+
@else if $has-single-position != "" {
|
20
|
+
$pos: unquote($has-single-position + "");
|
21
|
+
|
22
|
+
$gradients: (
|
23
|
+
webkit-image: -webkit- + $image,
|
24
|
+
spec-image: $prefix + "to " + $pos + $suffix
|
25
|
+
);
|
26
|
+
}
|
27
|
+
|
28
|
+
@else if $has-angle {
|
29
|
+
// Rotate degree for webkit
|
30
|
+
$gradients: _linear-angle-parser($image, $first-val, $prefix, $suffix);
|
31
|
+
}
|
32
|
+
|
33
|
+
@else {
|
34
|
+
$gradients: (
|
35
|
+
webkit-image: -webkit- + $image,
|
36
|
+
spec-image: $image
|
37
|
+
);
|
38
|
+
}
|
39
|
+
|
40
|
+
@return $gradients;
|
41
|
+
}
|
@@ -0,0 +1,61 @@
|
|
1
|
+
@function _linear-positions-parser($pos) {
|
2
|
+
$type: type-of(nth($pos, 1));
|
3
|
+
$spec: null;
|
4
|
+
$degree: null;
|
5
|
+
$side: null;
|
6
|
+
$corner: null;
|
7
|
+
$length: length($pos);
|
8
|
+
// Parse Side and corner positions
|
9
|
+
@if ($length > 1) {
|
10
|
+
@if nth($pos, 1) == "to" { // Newer syntax
|
11
|
+
$side: nth($pos, 2);
|
12
|
+
|
13
|
+
@if $length == 2 { // eg. to top
|
14
|
+
// Swap for backwards compatability
|
15
|
+
$degree: _position-flipper(nth($pos, 2));
|
16
|
+
}
|
17
|
+
@else if $length == 3 { // eg. to top left
|
18
|
+
$corner: nth($pos, 3);
|
19
|
+
}
|
20
|
+
}
|
21
|
+
@else if $length == 2 { // Older syntax ("top left")
|
22
|
+
$side: _position-flipper(nth($pos, 1));
|
23
|
+
$corner: _position-flipper(nth($pos, 2));
|
24
|
+
}
|
25
|
+
|
26
|
+
@if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") {
|
27
|
+
$degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
|
28
|
+
}
|
29
|
+
@else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") {
|
30
|
+
$degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
|
31
|
+
}
|
32
|
+
@else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") {
|
33
|
+
$degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
|
34
|
+
}
|
35
|
+
@else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") {
|
36
|
+
$degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
|
37
|
+
}
|
38
|
+
$spec: to $side $corner;
|
39
|
+
}
|
40
|
+
@else if $length == 1 {
|
41
|
+
// Swap for backwards compatability
|
42
|
+
@if $type == string {
|
43
|
+
$degree: $pos;
|
44
|
+
$spec: to _position-flipper($pos);
|
45
|
+
}
|
46
|
+
@else {
|
47
|
+
$degree: -270 - $pos; //rotate the gradient opposite from spec
|
48
|
+
$spec: $pos;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
$degree: unquote($degree + ",");
|
52
|
+
$spec: unquote($spec + ",");
|
53
|
+
@return $degree $spec;
|
54
|
+
}
|
55
|
+
|
56
|
+
@function _position-flipper($pos) {
|
57
|
+
@return if($pos == left, right, null)
|
58
|
+
if($pos == right, left, null)
|
59
|
+
if($pos == top, bottom, null)
|
60
|
+
if($pos == bottom, top, null);
|
61
|
+
}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
// Private function for linear-gradient-parser
|
2
|
+
@function _linear-side-corner-parser($image, $first-val, $prefix, $suffix, $has-multiple-vals) {
|
3
|
+
$val-1: str-slice($first-val, 0, $has-multiple-vals - 1 );
|
4
|
+
$val-2: str-slice($first-val, $has-multiple-vals + 1, str-length($first-val));
|
5
|
+
$val-3: null;
|
6
|
+
$has-val-3: str-index($val-2, " ");
|
7
|
+
|
8
|
+
@if $has-val-3 {
|
9
|
+
$val-3: str-slice($val-2, $has-val-3 + 1, str-length($val-2));
|
10
|
+
$val-2: str-slice($val-2, 0, $has-val-3 - 1);
|
11
|
+
}
|
12
|
+
|
13
|
+
$pos: _position-flipper($val-1) _position-flipper($val-2) _position-flipper($val-3);
|
14
|
+
$pos: unquote($pos + "");
|
15
|
+
|
16
|
+
// Use old spec for webkit
|
17
|
+
@if $val-1 == "to" {
|
18
|
+
@return (
|
19
|
+
webkit-image: -webkit- + $prefix + $pos + $suffix,
|
20
|
+
spec-image: $image
|
21
|
+
);
|
22
|
+
}
|
23
|
+
|
24
|
+
// Bring the code up to spec
|
25
|
+
@else {
|
26
|
+
@return (
|
27
|
+
webkit-image: -webkit- + $image,
|
28
|
+
spec-image: $prefix + "to " + $pos + $suffix
|
29
|
+
);
|
30
|
+
}
|
31
|
+
}
|
@@ -0,0 +1,69 @@
|
|
1
|
+
@function _radial-arg-parser($G1, $G2, $pos, $shape-size) {
|
2
|
+
@each $value in $G1, $G2 {
|
3
|
+
$first-val: nth($value, 1);
|
4
|
+
$pos-type: type-of($first-val);
|
5
|
+
$spec-at-index: null;
|
6
|
+
|
7
|
+
// Determine if spec was passed to mixin
|
8
|
+
@if type-of($value) == list {
|
9
|
+
$spec-at-index: if(index($value, at), index($value, at), false);
|
10
|
+
}
|
11
|
+
@if $spec-at-index {
|
12
|
+
@if $spec-at-index > 1 {
|
13
|
+
@for $i from 1 through ($spec-at-index - 1) {
|
14
|
+
$shape-size: $shape-size nth($value, $i);
|
15
|
+
}
|
16
|
+
@for $i from ($spec-at-index + 1) through length($value) {
|
17
|
+
$pos: $pos nth($value, $i);
|
18
|
+
}
|
19
|
+
}
|
20
|
+
@else if $spec-at-index == 1 {
|
21
|
+
@for $i from ($spec-at-index + 1) through length($value) {
|
22
|
+
$pos: $pos nth($value, $i);
|
23
|
+
}
|
24
|
+
}
|
25
|
+
$G1: null;
|
26
|
+
}
|
27
|
+
|
28
|
+
// If not spec calculate correct values
|
29
|
+
@else {
|
30
|
+
@if ($pos-type != color) or ($first-val != "transparent") {
|
31
|
+
@if ($pos-type == number)
|
32
|
+
or ($first-val == "center")
|
33
|
+
or ($first-val == "top")
|
34
|
+
or ($first-val == "right")
|
35
|
+
or ($first-val == "bottom")
|
36
|
+
or ($first-val == "left") {
|
37
|
+
|
38
|
+
$pos: $value;
|
39
|
+
|
40
|
+
@if $pos == $G1 {
|
41
|
+
$G1: null;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
@else if
|
46
|
+
($first-val == "ellipse")
|
47
|
+
or ($first-val == "circle")
|
48
|
+
or ($first-val == "closest-side")
|
49
|
+
or ($first-val == "closest-corner")
|
50
|
+
or ($first-val == "farthest-side")
|
51
|
+
or ($first-val == "farthest-corner")
|
52
|
+
or ($first-val == "contain")
|
53
|
+
or ($first-val == "cover") {
|
54
|
+
|
55
|
+
$shape-size: $value;
|
56
|
+
|
57
|
+
@if $value == $G1 {
|
58
|
+
$G1: null;
|
59
|
+
}
|
60
|
+
|
61
|
+
@else if $value == $G2 {
|
62
|
+
$G2: null;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}
|
66
|
+
}
|
67
|
+
}
|
68
|
+
@return $G1, $G2, $pos, $shape-size;
|
69
|
+
}
|
@@ -0,0 +1,50 @@
|
|
1
|
+
@function _radial-gradient-parser($image) {
|
2
|
+
$image: unquote($image);
|
3
|
+
$gradients: ();
|
4
|
+
$start: str-index($image, "(");
|
5
|
+
$end: str-index($image, ",");
|
6
|
+
$first-val: str-slice($image, $start + 1, $end - 1);
|
7
|
+
|
8
|
+
$prefix: str-slice($image, 0, $start);
|
9
|
+
$suffix: str-slice($image, $end, str-length($image));
|
10
|
+
|
11
|
+
$is-spec-syntax: str-index($first-val, "at");
|
12
|
+
|
13
|
+
@if $is-spec-syntax and $is-spec-syntax > 1 {
|
14
|
+
$keyword: str-slice($first-val, 1, $is-spec-syntax - 2);
|
15
|
+
$pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val));
|
16
|
+
$pos: append($pos, $keyword, comma);
|
17
|
+
|
18
|
+
$gradients: (
|
19
|
+
webkit-image: -webkit- + $prefix + $pos + $suffix,
|
20
|
+
spec-image: $image
|
21
|
+
)
|
22
|
+
}
|
23
|
+
|
24
|
+
@else if $is-spec-syntax == 1 {
|
25
|
+
$pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val));
|
26
|
+
|
27
|
+
$gradients: (
|
28
|
+
webkit-image: -webkit- + $prefix + $pos + $suffix,
|
29
|
+
spec-image: $image
|
30
|
+
)
|
31
|
+
}
|
32
|
+
|
33
|
+
@else if str-index($image, "cover") or str-index($image, "contain") {
|
34
|
+
@warn "Radial-gradient needs to be updated to conform to latest spec.";
|
35
|
+
|
36
|
+
$gradients: (
|
37
|
+
webkit-image: null,
|
38
|
+
spec-image: $image
|
39
|
+
)
|
40
|
+
}
|
41
|
+
|
42
|
+
@else {
|
43
|
+
$gradients: (
|
44
|
+
webkit-image: -webkit- + $image,
|
45
|
+
spec-image: $image
|
46
|
+
)
|
47
|
+
}
|
48
|
+
|
49
|
+
@return $gradients;
|
50
|
+
}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
@function _radial-positions-parser($gradient-pos) {
|
2
|
+
$shape-size: nth($gradient-pos, 1);
|
3
|
+
$pos: nth($gradient-pos, 2);
|
4
|
+
$shape-size-spec: _shape-size-stripper($shape-size);
|
5
|
+
|
6
|
+
$pre-spec: unquote(if($pos, "#{$pos}, ", null))
|
7
|
+
unquote(if($shape-size, "#{$shape-size},", null));
|
8
|
+
$pos-spec: if($pos, "at #{$pos}", null);
|
9
|
+
|
10
|
+
$spec: "#{$shape-size-spec} #{$pos-spec}";
|
11
|
+
|
12
|
+
// Add comma
|
13
|
+
@if ($spec != ' ') {
|
14
|
+
$spec: "#{$spec},"
|
15
|
+
}
|
16
|
+
|
17
|
+
@return $pre-spec $spec;
|
18
|
+
}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
// User for linear and radial gradients within background-image or border-image properties
|
2
|
+
|
3
|
+
@function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) {
|
4
|
+
$pre-spec: null;
|
5
|
+
$spec: null;
|
6
|
+
$vendor-gradients: null;
|
7
|
+
@if $gradient-type == linear {
|
8
|
+
@if $gradient-positions {
|
9
|
+
$pre-spec: nth($gradient-positions, 1);
|
10
|
+
$spec: nth($gradient-positions, 2);
|
11
|
+
}
|
12
|
+
}
|
13
|
+
@else if $gradient-type == radial {
|
14
|
+
$pre-spec: nth($gradient-positions, 1);
|
15
|
+
$spec: nth($gradient-positions, 2);
|
16
|
+
}
|
17
|
+
|
18
|
+
@if $vendor {
|
19
|
+
$vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients);
|
20
|
+
}
|
21
|
+
@else if $vendor == false {
|
22
|
+
$vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})";
|
23
|
+
$vendor-gradients: unquote($vendor-gradients);
|
24
|
+
}
|
25
|
+
@return $vendor-gradients;
|
26
|
+
}
|