hanuman 0.3.0 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (86) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +175 -173
  4. data/_data/authors.yml +16 -0
  5. data/_data/navigation.yml +4 -4
  6. data/_includes/analytics.html +15 -15
  7. data/_includes/footer.html +65 -65
  8. data/_includes/head.html +68 -68
  9. data/_includes/header.html +58 -58
  10. data/_includes/metadata.json +30 -30
  11. data/_includes/styles.scss +727 -727
  12. data/_layouts/default.html +13 -13
  13. data/_layouts/page.html +16 -16
  14. data/_layouts/post.html +157 -153
  15. data/_sass/_syntax-highlighting.scss +65 -65
  16. data/_sass/bourbon/_bourbon-deprecated-upcoming.scss +8 -8
  17. data/_sass/bourbon/_bourbon.scss +79 -79
  18. data/_sass/bourbon/addons/_button.scss +374 -374
  19. data/_sass/bourbon/addons/_clearfix.scss +23 -23
  20. data/_sass/bourbon/addons/_directional-values.scss +111 -111
  21. data/_sass/bourbon/addons/_ellipsis.scss +7 -7
  22. data/_sass/bourbon/addons/_font-family.scss +5 -5
  23. data/_sass/bourbon/addons/_hide-text.scss +10 -10
  24. data/_sass/bourbon/addons/_html5-input-types.scss +86 -86
  25. data/_sass/bourbon/addons/_position.scss +32 -32
  26. data/_sass/bourbon/addons/_prefixer.scss +45 -45
  27. data/_sass/bourbon/addons/_retina-image.scss +31 -31
  28. data/_sass/bourbon/addons/_size.scss +16 -16
  29. data/_sass/bourbon/addons/_timing-functions.scss +32 -32
  30. data/_sass/bourbon/addons/_triangle.scss +83 -83
  31. data/_sass/bourbon/addons/_word-wrap.scss +8 -8
  32. data/_sass/bourbon/css3/_animation.scss +52 -52
  33. data/_sass/bourbon/css3/_appearance.scss +3 -3
  34. data/_sass/bourbon/css3/_backface-visibility.scss +6 -6
  35. data/_sass/bourbon/css3/_background-image.scss +42 -42
  36. data/_sass/bourbon/css3/_background.scss +55 -55
  37. data/_sass/bourbon/css3/_border-image.scss +59 -59
  38. data/_sass/bourbon/css3/_border-radius.scss +22 -22
  39. data/_sass/bourbon/css3/_box-sizing.scss +4 -4
  40. data/_sass/bourbon/css3/_calc.scss +4 -4
  41. data/_sass/bourbon/css3/_columns.scss +47 -47
  42. data/_sass/bourbon/css3/_filter.scss +5 -5
  43. data/_sass/bourbon/css3/_flex-box.scss +321 -321
  44. data/_sass/bourbon/css3/_font-face.scss +23 -23
  45. data/_sass/bourbon/css3/_font-feature-settings.scss +9 -9
  46. data/_sass/bourbon/css3/_hidpi-media-query.scss +10 -10
  47. data/_sass/bourbon/css3/_hyphens.scss +3 -3
  48. data/_sass/bourbon/css3/_image-rendering.scss +14 -14
  49. data/_sass/bourbon/css3/_keyframes.scss +35 -35
  50. data/_sass/bourbon/css3/_linear-gradient.scss +38 -38
  51. data/_sass/bourbon/css3/_perspective.scss +8 -8
  52. data/_sass/bourbon/css3/_placeholder.scss +8 -8
  53. data/_sass/bourbon/css3/_radial-gradient.scss +39 -39
  54. data/_sass/bourbon/css3/_transform.scss +15 -15
  55. data/_sass/bourbon/css3/_transition.scss +77 -77
  56. data/_sass/bourbon/css3/_user-select.scss +3 -3
  57. data/_sass/bourbon/functions/_assign.scss +10 -10
  58. data/_sass/bourbon/functions/_color-lightness.scss +13 -13
  59. data/_sass/bourbon/functions/_flex-grid.scss +38 -38
  60. data/_sass/bourbon/functions/_golden-ratio.scss +3 -3
  61. data/_sass/bourbon/functions/_grid-width.scss +13 -13
  62. data/_sass/bourbon/functions/_modular-scale.scss +66 -66
  63. data/_sass/bourbon/functions/_px-to-em.scss +13 -13
  64. data/_sass/bourbon/functions/_px-to-rem.scss +15 -15
  65. data/_sass/bourbon/functions/_strip-units.scss +5 -5
  66. data/_sass/bourbon/functions/_tint-shade.scss +9 -9
  67. data/_sass/bourbon/functions/_transition-property-name.scss +21 -21
  68. data/_sass/bourbon/functions/_unpack.scss +17 -17
  69. data/_sass/bourbon/helpers/_convert-units.scss +15 -15
  70. data/_sass/bourbon/helpers/_gradient-positions-parser.scss +13 -13
  71. data/_sass/bourbon/helpers/_is-num.scss +8 -8
  72. data/_sass/bourbon/helpers/_linear-angle-parser.scss +25 -25
  73. data/_sass/bourbon/helpers/_linear-gradient-parser.scss +41 -41
  74. data/_sass/bourbon/helpers/_linear-positions-parser.scss +61 -61
  75. data/_sass/bourbon/helpers/_linear-side-corner-parser.scss +31 -31
  76. data/_sass/bourbon/helpers/_radial-arg-parser.scss +69 -69
  77. data/_sass/bourbon/helpers/_radial-gradient-parser.scss +50 -50
  78. data/_sass/bourbon/helpers/_radial-positions-parser.scss +18 -18
  79. data/_sass/bourbon/helpers/_render-gradients.scss +26 -26
  80. data/_sass/bourbon/helpers/_shape-size-stripper.scss +10 -10
  81. data/_sass/bourbon/helpers/_str-to-num.scss +50 -50
  82. data/_sass/bourbon/settings/_asset-pipeline.scss +1 -1
  83. data/_sass/bourbon/settings/_prefixer.scss +6 -6
  84. data/_sass/bourbon/settings/_px-to-em.scss +1 -1
  85. metadata +4 -4
  86. data/_data/author.yml +0 -8
@@ -1,8 +1,8 @@
1
- @mixin word-wrap($wrap: break-word) {
2
- word-wrap: $wrap;
3
-
4
- @if $wrap == break-word {
5
- overflow-wrap: break-word;
6
- word-break: break-all;
7
- }
8
- }
1
+ @mixin word-wrap($wrap: break-word) {
2
+ word-wrap: $wrap;
3
+
4
+ @if $wrap == break-word {
5
+ overflow-wrap: break-word;
6
+ word-break: break-all;
7
+ }
8
+ }
@@ -1,52 +1,52 @@
1
- // http://www.w3.org/TR/css3-animations/#the-animation-name-property-
2
- // Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
3
-
4
- // Official animation shorthand property.
5
- @mixin animation ($animations...) {
6
- @include prefixer(animation, $animations, webkit moz spec);
7
- }
8
-
9
- // Individual Animation Properties
10
- @mixin animation-name ($names...) {
11
- @include prefixer(animation-name, $names, webkit moz spec);
12
- }
13
-
14
-
15
- @mixin animation-duration ($times...) {
16
- @include prefixer(animation-duration, $times, webkit moz spec);
17
- }
18
-
19
-
20
- @mixin animation-timing-function ($motions...) {
21
- // ease | linear | ease-in | ease-out | ease-in-out
22
- @include prefixer(animation-timing-function, $motions, webkit moz spec);
23
- }
24
-
25
-
26
- @mixin animation-iteration-count ($values...) {
27
- // infinite | <number>
28
- @include prefixer(animation-iteration-count, $values, webkit moz spec);
29
- }
30
-
31
-
32
- @mixin animation-direction ($directions...) {
33
- // normal | alternate
34
- @include prefixer(animation-direction, $directions, webkit moz spec);
35
- }
36
-
37
-
38
- @mixin animation-play-state ($states...) {
39
- // running | paused
40
- @include prefixer(animation-play-state, $states, webkit moz spec);
41
- }
42
-
43
-
44
- @mixin animation-delay ($times...) {
45
- @include prefixer(animation-delay, $times, webkit moz spec);
46
- }
47
-
48
-
49
- @mixin animation-fill-mode ($modes...) {
50
- // none | forwards | backwards | both
51
- @include prefixer(animation-fill-mode, $modes, webkit moz spec);
52
- }
1
+ // http://www.w3.org/TR/css3-animations/#the-animation-name-property-
2
+ // Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
3
+
4
+ // Official animation shorthand property.
5
+ @mixin animation ($animations...) {
6
+ @include prefixer(animation, $animations, webkit moz spec);
7
+ }
8
+
9
+ // Individual Animation Properties
10
+ @mixin animation-name ($names...) {
11
+ @include prefixer(animation-name, $names, webkit moz spec);
12
+ }
13
+
14
+
15
+ @mixin animation-duration ($times...) {
16
+ @include prefixer(animation-duration, $times, webkit moz spec);
17
+ }
18
+
19
+
20
+ @mixin animation-timing-function ($motions...) {
21
+ // ease | linear | ease-in | ease-out | ease-in-out
22
+ @include prefixer(animation-timing-function, $motions, webkit moz spec);
23
+ }
24
+
25
+
26
+ @mixin animation-iteration-count ($values...) {
27
+ // infinite | <number>
28
+ @include prefixer(animation-iteration-count, $values, webkit moz spec);
29
+ }
30
+
31
+
32
+ @mixin animation-direction ($directions...) {
33
+ // normal | alternate
34
+ @include prefixer(animation-direction, $directions, webkit moz spec);
35
+ }
36
+
37
+
38
+ @mixin animation-play-state ($states...) {
39
+ // running | paused
40
+ @include prefixer(animation-play-state, $states, webkit moz spec);
41
+ }
42
+
43
+
44
+ @mixin animation-delay ($times...) {
45
+ @include prefixer(animation-delay, $times, webkit moz spec);
46
+ }
47
+
48
+
49
+ @mixin animation-fill-mode ($modes...) {
50
+ // none | forwards | backwards | both
51
+ @include prefixer(animation-fill-mode, $modes, webkit moz spec);
52
+ }
@@ -1,3 +1,3 @@
1
- @mixin appearance ($value) {
2
- @include prefixer(appearance, $value, webkit moz ms o spec);
3
- }
1
+ @mixin appearance ($value) {
2
+ @include prefixer(appearance, $value, webkit moz ms o spec);
3
+ }
@@ -1,6 +1,6 @@
1
- //************************************************************************//
2
- // Backface-visibility mixin
3
- //************************************************************************//
4
- @mixin backface-visibility($visibility) {
5
- @include prefixer(backface-visibility, $visibility, webkit spec);
6
- }
1
+ //************************************************************************//
2
+ // Backface-visibility mixin
3
+ //************************************************************************//
4
+ @mixin backface-visibility($visibility) {
5
+ @include prefixer(backface-visibility, $visibility, webkit spec);
6
+ }
@@ -1,42 +1,42 @@
1
- //************************************************************************//
2
- // Background-image property for adding multiple background images with
3
- // gradients, or for stringing multiple gradients together.
4
- //************************************************************************//
5
-
6
- @mixin background-image($images...) {
7
- $webkit-images: ();
8
- $spec-images: ();
9
-
10
- @each $image in $images {
11
- $webkit-image: ();
12
- $spec-image: ();
13
-
14
- @if (type-of($image) == string) {
15
- $url-str: str-slice($image, 0, 3);
16
- $gradient-type: str-slice($image, 0, 6);
17
-
18
- @if $url-str == "url" {
19
- $webkit-image: $image;
20
- $spec-image: $image;
21
- }
22
-
23
- @else if $gradient-type == "linear" {
24
- $gradients: _linear-gradient-parser($image);
25
- $webkit-image: map-get($gradients, webkit-image);
26
- $spec-image: map-get($gradients, spec-image);
27
- }
28
-
29
- @else if $gradient-type == "radial" {
30
- $gradients: _radial-gradient-parser($image);
31
- $webkit-image: map-get($gradients, webkit-image);
32
- $spec-image: map-get($gradients, spec-image);
33
- }
34
- }
35
-
36
- $webkit-images: append($webkit-images, $webkit-image, comma);
37
- $spec-images: append($spec-images, $spec-image, comma);
38
- }
39
-
40
- background-image: $webkit-images;
41
- background-image: $spec-images;
42
- }
1
+ //************************************************************************//
2
+ // Background-image property for adding multiple background images with
3
+ // gradients, or for stringing multiple gradients together.
4
+ //************************************************************************//
5
+
6
+ @mixin background-image($images...) {
7
+ $webkit-images: ();
8
+ $spec-images: ();
9
+
10
+ @each $image in $images {
11
+ $webkit-image: ();
12
+ $spec-image: ();
13
+
14
+ @if (type-of($image) == string) {
15
+ $url-str: str-slice($image, 0, 3);
16
+ $gradient-type: str-slice($image, 0, 6);
17
+
18
+ @if $url-str == "url" {
19
+ $webkit-image: $image;
20
+ $spec-image: $image;
21
+ }
22
+
23
+ @else if $gradient-type == "linear" {
24
+ $gradients: _linear-gradient-parser($image);
25
+ $webkit-image: map-get($gradients, webkit-image);
26
+ $spec-image: map-get($gradients, spec-image);
27
+ }
28
+
29
+ @else if $gradient-type == "radial" {
30
+ $gradients: _radial-gradient-parser($image);
31
+ $webkit-image: map-get($gradients, webkit-image);
32
+ $spec-image: map-get($gradients, spec-image);
33
+ }
34
+ }
35
+
36
+ $webkit-images: append($webkit-images, $webkit-image, comma);
37
+ $spec-images: append($spec-images, $spec-image, comma);
38
+ }
39
+
40
+ background-image: $webkit-images;
41
+ background-image: $spec-images;
42
+ }
@@ -1,55 +1,55 @@
1
- //************************************************************************//
2
- // Background property for adding multiple backgrounds using shorthand
3
- // notation.
4
- //************************************************************************//
5
-
6
- @mixin background($backgrounds...) {
7
- $webkit-backgrounds: ();
8
- $spec-backgrounds: ();
9
-
10
- @each $background in $backgrounds {
11
- $webkit-background: ();
12
- $spec-background: ();
13
- $background-type: type-of($background);
14
-
15
- @if $background-type == string or list {
16
- $background-str: if($background-type == list, nth($background, 1), $background);
17
-
18
- $url-str: str-slice($background-str, 0, 3);
19
- $gradient-type: str-slice($background-str, 0, 6);
20
-
21
- @if $url-str == "url" {
22
- $webkit-background: $background;
23
- $spec-background: $background;
24
- }
25
-
26
- @else if $gradient-type == "linear" {
27
- $gradients: _linear-gradient-parser("#{$background}");
28
- $webkit-background: map-get($gradients, webkit-image);
29
- $spec-background: map-get($gradients, spec-image);
30
- }
31
-
32
- @else if $gradient-type == "radial" {
33
- $gradients: _radial-gradient-parser("#{$background}");
34
- $webkit-background: map-get($gradients, webkit-image);
35
- $spec-background: map-get($gradients, spec-image);
36
- }
37
-
38
- @else {
39
- $webkit-background: $background;
40
- $spec-background: $background;
41
- }
42
- }
43
-
44
- @else {
45
- $webkit-background: $background;
46
- $spec-background: $background;
47
- }
48
-
49
- $webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma);
50
- $spec-backgrounds: append($spec-backgrounds, $spec-background, comma);
51
- }
52
-
53
- background: $webkit-backgrounds;
54
- background: $spec-backgrounds;
55
- }
1
+ //************************************************************************//
2
+ // Background property for adding multiple backgrounds using shorthand
3
+ // notation.
4
+ //************************************************************************//
5
+
6
+ @mixin background($backgrounds...) {
7
+ $webkit-backgrounds: ();
8
+ $spec-backgrounds: ();
9
+
10
+ @each $background in $backgrounds {
11
+ $webkit-background: ();
12
+ $spec-background: ();
13
+ $background-type: type-of($background);
14
+
15
+ @if $background-type == string or list {
16
+ $background-str: if($background-type == list, nth($background, 1), $background);
17
+
18
+ $url-str: str-slice($background-str, 0, 3);
19
+ $gradient-type: str-slice($background-str, 0, 6);
20
+
21
+ @if $url-str == "url" {
22
+ $webkit-background: $background;
23
+ $spec-background: $background;
24
+ }
25
+
26
+ @else if $gradient-type == "linear" {
27
+ $gradients: _linear-gradient-parser("#{$background}");
28
+ $webkit-background: map-get($gradients, webkit-image);
29
+ $spec-background: map-get($gradients, spec-image);
30
+ }
31
+
32
+ @else if $gradient-type == "radial" {
33
+ $gradients: _radial-gradient-parser("#{$background}");
34
+ $webkit-background: map-get($gradients, webkit-image);
35
+ $spec-background: map-get($gradients, spec-image);
36
+ }
37
+
38
+ @else {
39
+ $webkit-background: $background;
40
+ $spec-background: $background;
41
+ }
42
+ }
43
+
44
+ @else {
45
+ $webkit-background: $background;
46
+ $spec-background: $background;
47
+ }
48
+
49
+ $webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma);
50
+ $spec-backgrounds: append($spec-backgrounds, $spec-background, comma);
51
+ }
52
+
53
+ background: $webkit-backgrounds;
54
+ background: $spec-backgrounds;
55
+ }
@@ -1,59 +1,59 @@
1
- @mixin border-image($borders...) {
2
- $webkit-borders: ();
3
- $spec-borders: ();
4
-
5
- @each $border in $borders {
6
- $webkit-border: ();
7
- $spec-border: ();
8
- $border-type: type-of($border);
9
-
10
- @if $border-type == string or list {
11
- $border-str: if($border-type == list, nth($border, 1), $border);
12
-
13
- $url-str: str-slice($border-str, 0, 3);
14
- $gradient-type: str-slice($border-str, 0, 6);
15
-
16
- @if $url-str == "url" {
17
- $webkit-border: $border;
18
- $spec-border: $border;
19
- }
20
-
21
- @else if $gradient-type == "linear" {
22
- $gradients: _linear-gradient-parser("#{$border}");
23
- $webkit-border: map-get($gradients, webkit-image);
24
- $spec-border: map-get($gradients, spec-image);
25
- }
26
-
27
- @else if $gradient-type == "radial" {
28
- $gradients: _radial-gradient-parser("#{$border}");
29
- $webkit-border: map-get($gradients, webkit-image);
30
- $spec-border: map-get($gradients, spec-image);
31
- }
32
-
33
- @else {
34
- $webkit-border: $border;
35
- $spec-border: $border;
36
- }
37
- }
38
-
39
- @else {
40
- $webkit-border: $border;
41
- $spec-border: $border;
42
- }
43
-
44
- $webkit-borders: append($webkit-borders, $webkit-border, comma);
45
- $spec-borders: append($spec-borders, $spec-border, comma);
46
- }
47
-
48
- -webkit-border-image: $webkit-borders;
49
- border-image: $spec-borders;
50
- border-style: solid;
51
- }
52
-
53
- //Examples:
54
- // @include border-image(url("image.png"));
55
- // @include border-image(url("image.png") 20 stretch);
56
- // @include border-image(linear-gradient(45deg, orange, yellow));
57
- // @include border-image(linear-gradient(45deg, orange, yellow) stretch);
58
- // @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
59
- // @include border-image(radial-gradient(top, cover, orange, yellow, orange));
1
+ @mixin border-image($borders...) {
2
+ $webkit-borders: ();
3
+ $spec-borders: ();
4
+
5
+ @each $border in $borders {
6
+ $webkit-border: ();
7
+ $spec-border: ();
8
+ $border-type: type-of($border);
9
+
10
+ @if $border-type == string or list {
11
+ $border-str: if($border-type == list, nth($border, 1), $border);
12
+
13
+ $url-str: str-slice($border-str, 0, 3);
14
+ $gradient-type: str-slice($border-str, 0, 6);
15
+
16
+ @if $url-str == "url" {
17
+ $webkit-border: $border;
18
+ $spec-border: $border;
19
+ }
20
+
21
+ @else if $gradient-type == "linear" {
22
+ $gradients: _linear-gradient-parser("#{$border}");
23
+ $webkit-border: map-get($gradients, webkit-image);
24
+ $spec-border: map-get($gradients, spec-image);
25
+ }
26
+
27
+ @else if $gradient-type == "radial" {
28
+ $gradients: _radial-gradient-parser("#{$border}");
29
+ $webkit-border: map-get($gradients, webkit-image);
30
+ $spec-border: map-get($gradients, spec-image);
31
+ }
32
+
33
+ @else {
34
+ $webkit-border: $border;
35
+ $spec-border: $border;
36
+ }
37
+ }
38
+
39
+ @else {
40
+ $webkit-border: $border;
41
+ $spec-border: $border;
42
+ }
43
+
44
+ $webkit-borders: append($webkit-borders, $webkit-border, comma);
45
+ $spec-borders: append($spec-borders, $spec-border, comma);
46
+ }
47
+
48
+ -webkit-border-image: $webkit-borders;
49
+ border-image: $spec-borders;
50
+ border-style: solid;
51
+ }
52
+
53
+ //Examples:
54
+ // @include border-image(url("image.png"));
55
+ // @include border-image(url("image.png") 20 stretch);
56
+ // @include border-image(linear-gradient(45deg, orange, yellow));
57
+ // @include border-image(linear-gradient(45deg, orange, yellow) stretch);
58
+ // @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
59
+ // @include border-image(radial-gradient(top, cover, orange, yellow, orange));