hanuman 0.3.0 → 0.4.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.
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,23 +1,23 @@
1
- // Modern micro clearfix provides an easy way to contain floats without adding additional markup.
2
- //
3
- // Example usage:
4
- //
5
- // // Contain all floats within .wrapper
6
- // .wrapper {
7
- // @include clearfix;
8
- // .content,
9
- // .sidebar {
10
- // float : left;
11
- // }
12
- // }
13
-
14
- @mixin clearfix {
15
- &:after {
16
- content:"";
17
- display:table;
18
- clear:both;
19
- }
20
- }
21
-
22
- // Acknowledgements
23
- // Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)
1
+ // Modern micro clearfix provides an easy way to contain floats without adding additional markup.
2
+ //
3
+ // Example usage:
4
+ //
5
+ // // Contain all floats within .wrapper
6
+ // .wrapper {
7
+ // @include clearfix;
8
+ // .content,
9
+ // .sidebar {
10
+ // float : left;
11
+ // }
12
+ // }
13
+
14
+ @mixin clearfix {
15
+ &:after {
16
+ content:"";
17
+ display:table;
18
+ clear:both;
19
+ }
20
+ }
21
+
22
+ // Acknowledgements
23
+ // Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)
@@ -1,111 +1,111 @@
1
- // directional-property mixins are shorthands
2
- // for writing properties like the following
3
- //
4
- // @include margin(null 0 10px);
5
- // ------
6
- // margin-right: 0;
7
- // margin-bottom: 10px;
8
- // margin-left: 0;
9
- //
10
- // - or -
11
- //
12
- // @include border-style(dotted null);
13
- // ------
14
- // border-top-style: dotted;
15
- // border-bottom-style: dotted;
16
- //
17
- // ------
18
- //
19
- // Note: You can also use false instead of null
20
-
21
- @function collapse-directionals($vals) {
22
- $output: null;
23
-
24
- $A: nth( $vals, 1 );
25
- $B: if( length($vals) < 2, $A, nth($vals, 2));
26
- $C: if( length($vals) < 3, $A, nth($vals, 3));
27
- $D: if( length($vals) < 2, $A, nth($vals, if( length($vals) < 4, 2, 4) ));
28
-
29
- @if $A == 0 { $A: 0 }
30
- @if $B == 0 { $B: 0 }
31
- @if $C == 0 { $C: 0 }
32
- @if $D == 0 { $D: 0 }
33
-
34
- @if $A == $B and $A == $C and $A == $D { $output: $A }
35
- @else if $A == $C and $B == $D { $output: $A $B }
36
- @else if $B == $D { $output: $A $B $C }
37
- @else { $output: $A $B $C $D }
38
-
39
- @return $output;
40
- }
41
-
42
- @function contains-falsy($list) {
43
- @each $item in $list {
44
- @if not $item {
45
- @return true;
46
- }
47
- }
48
-
49
- @return false;
50
- }
51
-
52
- @mixin directional-property($pre, $suf, $vals) {
53
- // Property Names
54
- $top: $pre + "-top" + if($suf, "-#{$suf}", "");
55
- $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", "");
56
- $left: $pre + "-left" + if($suf, "-#{$suf}", "");
57
- $right: $pre + "-right" + if($suf, "-#{$suf}", "");
58
- $all: $pre + if($suf, "-#{$suf}", "");
59
-
60
- $vals: collapse-directionals($vals);
61
-
62
- @if contains-falsy($vals) {
63
- @if nth($vals, 1) { #{$top}: nth($vals, 1); }
64
-
65
- @if length($vals) == 1 {
66
- @if nth($vals, 1) { #{$right}: nth($vals, 1); }
67
- } @else {
68
- @if nth($vals, 2) { #{$right}: nth($vals, 2); }
69
- }
70
-
71
- // prop: top/bottom right/left
72
- @if length($vals) == 2 {
73
- @if nth($vals, 1) { #{$bottom}: nth($vals, 1); }
74
- @if nth($vals, 2) { #{$left}: nth($vals, 2); }
75
-
76
- // prop: top right/left bottom
77
- } @else if length($vals) == 3 {
78
- @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
79
- @if nth($vals, 2) { #{$left}: nth($vals, 2); }
80
-
81
- // prop: top right bottom left
82
- } @else if length($vals) == 4 {
83
- @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
84
- @if nth($vals, 4) { #{$left}: nth($vals, 4); }
85
- }
86
-
87
- // prop: top/right/bottom/left
88
- } @else {
89
- #{$all}: $vals;
90
- }
91
- }
92
-
93
- @mixin margin($vals...) {
94
- @include directional-property(margin, false, $vals...);
95
- }
96
-
97
- @mixin padding($vals...) {
98
- @include directional-property(padding, false, $vals...);
99
- }
100
-
101
- @mixin border-style($vals...) {
102
- @include directional-property(border, style, $vals...);
103
- }
104
-
105
- @mixin border-color($vals...) {
106
- @include directional-property(border, color, $vals...);
107
- }
108
-
109
- @mixin border-width($vals...) {
110
- @include directional-property(border, width, $vals...);
111
- }
1
+ // directional-property mixins are shorthands
2
+ // for writing properties like the following
3
+ //
4
+ // @include margin(null 0 10px);
5
+ // ------
6
+ // margin-right: 0;
7
+ // margin-bottom: 10px;
8
+ // margin-left: 0;
9
+ //
10
+ // - or -
11
+ //
12
+ // @include border-style(dotted null);
13
+ // ------
14
+ // border-top-style: dotted;
15
+ // border-bottom-style: dotted;
16
+ //
17
+ // ------
18
+ //
19
+ // Note: You can also use false instead of null
20
+
21
+ @function collapse-directionals($vals) {
22
+ $output: null;
23
+
24
+ $A: nth( $vals, 1 );
25
+ $B: if( length($vals) < 2, $A, nth($vals, 2));
26
+ $C: if( length($vals) < 3, $A, nth($vals, 3));
27
+ $D: if( length($vals) < 2, $A, nth($vals, if( length($vals) < 4, 2, 4) ));
28
+
29
+ @if $A == 0 { $A: 0 }
30
+ @if $B == 0 { $B: 0 }
31
+ @if $C == 0 { $C: 0 }
32
+ @if $D == 0 { $D: 0 }
33
+
34
+ @if $A == $B and $A == $C and $A == $D { $output: $A }
35
+ @else if $A == $C and $B == $D { $output: $A $B }
36
+ @else if $B == $D { $output: $A $B $C }
37
+ @else { $output: $A $B $C $D }
38
+
39
+ @return $output;
40
+ }
41
+
42
+ @function contains-falsy($list) {
43
+ @each $item in $list {
44
+ @if not $item {
45
+ @return true;
46
+ }
47
+ }
48
+
49
+ @return false;
50
+ }
51
+
52
+ @mixin directional-property($pre, $suf, $vals) {
53
+ // Property Names
54
+ $top: $pre + "-top" + if($suf, "-#{$suf}", "");
55
+ $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", "");
56
+ $left: $pre + "-left" + if($suf, "-#{$suf}", "");
57
+ $right: $pre + "-right" + if($suf, "-#{$suf}", "");
58
+ $all: $pre + if($suf, "-#{$suf}", "");
59
+
60
+ $vals: collapse-directionals($vals);
61
+
62
+ @if contains-falsy($vals) {
63
+ @if nth($vals, 1) { #{$top}: nth($vals, 1); }
64
+
65
+ @if length($vals) == 1 {
66
+ @if nth($vals, 1) { #{$right}: nth($vals, 1); }
67
+ } @else {
68
+ @if nth($vals, 2) { #{$right}: nth($vals, 2); }
69
+ }
70
+
71
+ // prop: top/bottom right/left
72
+ @if length($vals) == 2 {
73
+ @if nth($vals, 1) { #{$bottom}: nth($vals, 1); }
74
+ @if nth($vals, 2) { #{$left}: nth($vals, 2); }
75
+
76
+ // prop: top right/left bottom
77
+ } @else if length($vals) == 3 {
78
+ @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
79
+ @if nth($vals, 2) { #{$left}: nth($vals, 2); }
80
+
81
+ // prop: top right bottom left
82
+ } @else if length($vals) == 4 {
83
+ @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
84
+ @if nth($vals, 4) { #{$left}: nth($vals, 4); }
85
+ }
86
+
87
+ // prop: top/right/bottom/left
88
+ } @else {
89
+ #{$all}: $vals;
90
+ }
91
+ }
92
+
93
+ @mixin margin($vals...) {
94
+ @include directional-property(margin, false, $vals...);
95
+ }
96
+
97
+ @mixin padding($vals...) {
98
+ @include directional-property(padding, false, $vals...);
99
+ }
100
+
101
+ @mixin border-style($vals...) {
102
+ @include directional-property(border, style, $vals...);
103
+ }
104
+
105
+ @mixin border-color($vals...) {
106
+ @include directional-property(border, color, $vals...);
107
+ }
108
+
109
+ @mixin border-width($vals...) {
110
+ @include directional-property(border, width, $vals...);
111
+ }
@@ -1,7 +1,7 @@
1
- @mixin ellipsis($width: 100%) {
2
- display: inline-block;
3
- max-width: $width;
4
- overflow: hidden;
5
- text-overflow: ellipsis;
6
- white-space: nowrap;
7
- }
1
+ @mixin ellipsis($width: 100%) {
2
+ display: inline-block;
3
+ max-width: $width;
4
+ overflow: hidden;
5
+ text-overflow: ellipsis;
6
+ white-space: nowrap;
7
+ }
@@ -1,5 +1,5 @@
1
- $georgia: Georgia, Cambria, "Times New Roman", Times, serif;
2
- $helvetica: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
3
- $lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
4
- $monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
5
- $verdana: Verdana, Geneva, sans-serif;
1
+ $georgia: Georgia, Cambria, "Times New Roman", Times, serif;
2
+ $helvetica: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
3
+ $lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
4
+ $monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
5
+ $verdana: Verdana, Geneva, sans-serif;
@@ -1,10 +1,10 @@
1
- @mixin hide-text {
2
- overflow: hidden;
3
-
4
- &:before {
5
- content: "";
6
- display: block;
7
- width: 0;
8
- height: 100%;
9
- }
10
- }
1
+ @mixin hide-text {
2
+ overflow: hidden;
3
+
4
+ &:before {
5
+ content: "";
6
+ display: block;
7
+ width: 0;
8
+ height: 100%;
9
+ }
10
+ }
@@ -1,86 +1,86 @@
1
- //************************************************************************//
2
- // Generate a variable ($all-text-inputs) with a list of all html5
3
- // input types that have a text-based input, excluding textarea.
4
- // http://diveintohtml5.org/forms.html
5
- //************************************************************************//
6
- $inputs-list: 'input[type="email"]',
7
- 'input[type="number"]',
8
- 'input[type="password"]',
9
- 'input[type="search"]',
10
- 'input[type="tel"]',
11
- 'input[type="text"]',
12
- 'input[type="url"]',
13
-
14
- // Webkit & Gecko may change the display of these in the future
15
- 'input[type="color"]',
16
- 'input[type="date"]',
17
- 'input[type="datetime"]',
18
- 'input[type="datetime-local"]',
19
- 'input[type="month"]',
20
- 'input[type="time"]',
21
- 'input[type="week"]';
22
-
23
- // Bare inputs
24
- //************************************************************************//
25
- $all-text-inputs: assign-inputs($inputs-list);
26
-
27
- // Hover Pseudo-class
28
- //************************************************************************//
29
- $all-text-inputs-hover: assign-inputs($inputs-list, hover);
30
-
31
- // Focus Pseudo-class
32
- //************************************************************************//
33
- $all-text-inputs-focus: assign-inputs($inputs-list, focus);
34
-
35
-
36
-
37
- // You must use interpolation on the variable:
38
- // #{$all-text-inputs}
39
- // #{$all-text-inputs-hover}
40
- // #{$all-text-inputs-focus}
41
-
42
- // Example
43
- //************************************************************************//
44
- // #{$all-text-inputs}, textarea {
45
- // border: 1px solid red;
46
- // }
47
-
48
-
49
-
50
- //************************************************************************//
51
- // Generate a variable ($all-button-inputs) with a list of all html5
52
- // input types that have a button-based input, excluding button.
53
- //************************************************************************//
54
- $inputs-button-list: 'input[type="button"]',
55
- 'input[type="reset"]',
56
- 'input[type="submit"]';
57
-
58
- // Bare inputs
59
- //************************************************************************//
60
- $all-button-inputs: assign-inputs($inputs-button-list);
61
-
62
- // Hover Pseudo-class
63
- //************************************************************************//
64
- $all-button-inputs-hover: assign-inputs($inputs-button-list, hover);
65
-
66
- // Focus Pseudo-class
67
- //************************************************************************//
68
- $all-button-inputs-focus: assign-inputs($inputs-button-list, focus);
69
-
70
- // Active Pseudo-class
71
- //************************************************************************//
72
- $all-button-inputs-active: assign-inputs($inputs-button-list, active);
73
-
74
-
75
-
76
- // You must use interpolation on the variable:
77
- // #{$all-button-inputs}
78
- // #{$all-button-inputs-hover}
79
- // #{$all-button-inputs-focus}
80
- // #{$all-button-inputs-active}
81
-
82
- // Example
83
- //************************************************************************//
84
- // #{$all-button-inputs}, button {
85
- // border: 1px solid red;
86
- // }
1
+ //************************************************************************//
2
+ // Generate a variable ($all-text-inputs) with a list of all html5
3
+ // input types that have a text-based input, excluding textarea.
4
+ // http://diveintohtml5.org/forms.html
5
+ //************************************************************************//
6
+ $inputs-list: 'input[type="email"]',
7
+ 'input[type="number"]',
8
+ 'input[type="password"]',
9
+ 'input[type="search"]',
10
+ 'input[type="tel"]',
11
+ 'input[type="text"]',
12
+ 'input[type="url"]',
13
+
14
+ // Webkit & Gecko may change the display of these in the future
15
+ 'input[type="color"]',
16
+ 'input[type="date"]',
17
+ 'input[type="datetime"]',
18
+ 'input[type="datetime-local"]',
19
+ 'input[type="month"]',
20
+ 'input[type="time"]',
21
+ 'input[type="week"]';
22
+
23
+ // Bare inputs
24
+ //************************************************************************//
25
+ $all-text-inputs: assign-inputs($inputs-list);
26
+
27
+ // Hover Pseudo-class
28
+ //************************************************************************//
29
+ $all-text-inputs-hover: assign-inputs($inputs-list, hover);
30
+
31
+ // Focus Pseudo-class
32
+ //************************************************************************//
33
+ $all-text-inputs-focus: assign-inputs($inputs-list, focus);
34
+
35
+
36
+
37
+ // You must use interpolation on the variable:
38
+ // #{$all-text-inputs}
39
+ // #{$all-text-inputs-hover}
40
+ // #{$all-text-inputs-focus}
41
+
42
+ // Example
43
+ //************************************************************************//
44
+ // #{$all-text-inputs}, textarea {
45
+ // border: 1px solid red;
46
+ // }
47
+
48
+
49
+
50
+ //************************************************************************//
51
+ // Generate a variable ($all-button-inputs) with a list of all html5
52
+ // input types that have a button-based input, excluding button.
53
+ //************************************************************************//
54
+ $inputs-button-list: 'input[type="button"]',
55
+ 'input[type="reset"]',
56
+ 'input[type="submit"]';
57
+
58
+ // Bare inputs
59
+ //************************************************************************//
60
+ $all-button-inputs: assign-inputs($inputs-button-list);
61
+
62
+ // Hover Pseudo-class
63
+ //************************************************************************//
64
+ $all-button-inputs-hover: assign-inputs($inputs-button-list, hover);
65
+
66
+ // Focus Pseudo-class
67
+ //************************************************************************//
68
+ $all-button-inputs-focus: assign-inputs($inputs-button-list, focus);
69
+
70
+ // Active Pseudo-class
71
+ //************************************************************************//
72
+ $all-button-inputs-active: assign-inputs($inputs-button-list, active);
73
+
74
+
75
+
76
+ // You must use interpolation on the variable:
77
+ // #{$all-button-inputs}
78
+ // #{$all-button-inputs-hover}
79
+ // #{$all-button-inputs-focus}
80
+ // #{$all-button-inputs-active}
81
+
82
+ // Example
83
+ //************************************************************************//
84
+ // #{$all-button-inputs}, button {
85
+ // border: 1px solid red;
86
+ // }