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,3 +1,3 @@
1
- @mixin user-select($arg: none) {
2
- @include prefixer(user-select, $arg, webkit moz ms spec);
3
- }
1
+ @mixin user-select($arg: none) {
2
+ @include prefixer(user-select, $arg, webkit moz ms spec);
3
+ }
@@ -1,11 +1,11 @@
1
- @function assign-inputs($inputs, $pseudo: null) {
2
- $list : ();
3
-
4
- @each $input in $inputs {
5
- $input: unquote($input);
6
- $input: if($pseudo, $input + ":" + $pseudo, $input);
7
- $list: append($list, $input, comma);
8
- }
9
-
10
- @return $list;
1
+ @function assign-inputs($inputs, $pseudo: null) {
2
+ $list : ();
3
+
4
+ @each $input in $inputs {
5
+ $input: unquote($input);
6
+ $input: if($pseudo, $input + ":" + $pseudo, $input);
7
+ $list: append($list, $input, comma);
8
+ }
9
+
10
+ @return $list;
11
11
  }
@@ -1,13 +1,13 @@
1
- // Programatically determines whether a color is light or dark
2
- // Returns a boolean
3
- // More details here http://robots.thoughtbot.com/closer-look-color-lightness
4
-
5
- @function is-light($hex-color) {
6
- $-local-red: red(rgba($hex-color, 1.0));
7
- $-local-green: green(rgba($hex-color, 1.0));
8
- $-local-blue: blue(rgba($hex-color, 1.0));
9
-
10
- $-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255;
11
-
12
- @return $-local-lightness > .6;
13
- }
1
+ // Programatically determines whether a color is light or dark
2
+ // Returns a boolean
3
+ // More details here http://robots.thoughtbot.com/closer-look-color-lightness
4
+
5
+ @function is-light($hex-color) {
6
+ $-local-red: red(rgba($hex-color, 1.0));
7
+ $-local-green: green(rgba($hex-color, 1.0));
8
+ $-local-blue: blue(rgba($hex-color, 1.0));
9
+
10
+ $-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255;
11
+
12
+ @return $-local-lightness > .6;
13
+ }
@@ -1,39 +1,39 @@
1
- // Flexible grid
2
- @function flex-grid($columns, $container-columns: $fg-max-columns) {
3
- $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
4
- $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
5
- @return percentage($width / $container-width);
6
- }
7
-
8
- // Flexible gutter
9
- @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
10
- $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
11
- @return percentage($gutter / $container-width);
12
- }
13
-
14
- // The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
15
- // This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
16
- //
17
- // The calculation presumes that your column structure will be missing the last gutter:
18
- //
19
- // -- column -- gutter -- column -- gutter -- column
20
- //
21
- // $fg-column: 60px; // Column Width
22
- // $fg-gutter: 25px; // Gutter Width
23
- // $fg-max-columns: 12; // Total Columns For Main Container
24
- //
25
- // div {
26
- // width: flex-grid(4); // returns (315px / 995px) = 31.65829%;
27
- // margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%;
28
- //
29
- // p {
30
- // width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
31
- // float: left;
32
- // margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
33
- // }
34
- //
35
- // blockquote {
36
- // float: left;
37
- // width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
38
- // }
1
+ // Flexible grid
2
+ @function flex-grid($columns, $container-columns: $fg-max-columns) {
3
+ $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
4
+ $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
5
+ @return percentage($width / $container-width);
6
+ }
7
+
8
+ // Flexible gutter
9
+ @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
10
+ $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
11
+ @return percentage($gutter / $container-width);
12
+ }
13
+
14
+ // The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
15
+ // This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
16
+ //
17
+ // The calculation presumes that your column structure will be missing the last gutter:
18
+ //
19
+ // -- column -- gutter -- column -- gutter -- column
20
+ //
21
+ // $fg-column: 60px; // Column Width
22
+ // $fg-gutter: 25px; // Gutter Width
23
+ // $fg-max-columns: 12; // Total Columns For Main Container
24
+ //
25
+ // div {
26
+ // width: flex-grid(4); // returns (315px / 995px) = 31.65829%;
27
+ // margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%;
28
+ //
29
+ // p {
30
+ // width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
31
+ // float: left;
32
+ // margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
33
+ // }
34
+ //
35
+ // blockquote {
36
+ // float: left;
37
+ // width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
38
+ // }
39
39
  // }
@@ -1,3 +1,3 @@
1
- @function golden-ratio($value, $increment) {
2
- @return modular-scale($value, $increment, $golden)
3
- }
1
+ @function golden-ratio($value, $increment) {
2
+ @return modular-scale($value, $increment, $golden)
3
+ }
@@ -1,13 +1,13 @@
1
- @function grid-width($n) {
2
- @return $n * $gw-column + ($n - 1) * $gw-gutter;
3
- }
4
-
5
- // The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function.
6
- //
7
- // $gw-column: 100px; // Column Width
8
- // $gw-gutter: 40px; // Gutter Width
9
- //
10
- // div {
11
- // width: grid-width(4); // returns 520px;
12
- // margin-left: $gw-gutter; // returns 40px;
13
- // }
1
+ @function grid-width($n) {
2
+ @return $n * $gw-column + ($n - 1) * $gw-gutter;
3
+ }
4
+
5
+ // The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function.
6
+ //
7
+ // $gw-column: 100px; // Column Width
8
+ // $gw-gutter: 40px; // Gutter Width
9
+ //
10
+ // div {
11
+ // width: grid-width(4); // returns 520px;
12
+ // margin-left: $gw-gutter; // returns 40px;
13
+ // }
@@ -1,66 +1,66 @@
1
- // Scaling Variables
2
- $golden: 1.618;
3
- $minor-second: 1.067;
4
- $major-second: 1.125;
5
- $minor-third: 1.2;
6
- $major-third: 1.25;
7
- $perfect-fourth: 1.333;
8
- $augmented-fourth: 1.414;
9
- $perfect-fifth: 1.5;
10
- $minor-sixth: 1.6;
11
- $major-sixth: 1.667;
12
- $minor-seventh: 1.778;
13
- $major-seventh: 1.875;
14
- $octave: 2;
15
- $major-tenth: 2.5;
16
- $major-eleventh: 2.667;
17
- $major-twelfth: 3;
18
- $double-octave: 4;
19
-
20
- @function modular-scale($value, $increment, $ratio) {
21
- $v1: nth($value, 1);
22
- $v2: nth($value, length($value));
23
- $value: $v1;
24
-
25
- // scale $v2 to just above $v1
26
- @while $v2 > $v1 {
27
- $v2: ($v2 / $ratio); // will be off-by-1
28
- }
29
- @while $v2 < $v1 {
30
- $v2: ($v2 * $ratio); // will fix off-by-1
31
- }
32
-
33
- // check AFTER scaling $v2 to prevent double-counting corner-case
34
- $double-stranded: $v2 > $v1;
35
-
36
- @if $increment > 0 {
37
- @for $i from 1 through $increment {
38
- @if $double-stranded and ($v1 * $ratio) > $v2 {
39
- $value: $v2;
40
- $v2: ($v2 * $ratio);
41
- } @else {
42
- $v1: ($v1 * $ratio);
43
- $value: $v1;
44
- }
45
- }
46
- }
47
-
48
- @if $increment < 0 {
49
- // adjust $v2 to just below $v1
50
- @if $double-stranded {
51
- $v2: ($v2 / $ratio);
52
- }
53
-
54
- @for $i from $increment through -1 {
55
- @if $double-stranded and ($v1 / $ratio) < $v2 {
56
- $value: $v2;
57
- $v2: ($v2 / $ratio);
58
- } @else {
59
- $v1: ($v1 / $ratio);
60
- $value: $v1;
61
- }
62
- }
63
- }
64
-
65
- @return $value;
66
- }
1
+ // Scaling Variables
2
+ $golden: 1.618;
3
+ $minor-second: 1.067;
4
+ $major-second: 1.125;
5
+ $minor-third: 1.2;
6
+ $major-third: 1.25;
7
+ $perfect-fourth: 1.333;
8
+ $augmented-fourth: 1.414;
9
+ $perfect-fifth: 1.5;
10
+ $minor-sixth: 1.6;
11
+ $major-sixth: 1.667;
12
+ $minor-seventh: 1.778;
13
+ $major-seventh: 1.875;
14
+ $octave: 2;
15
+ $major-tenth: 2.5;
16
+ $major-eleventh: 2.667;
17
+ $major-twelfth: 3;
18
+ $double-octave: 4;
19
+
20
+ @function modular-scale($value, $increment, $ratio) {
21
+ $v1: nth($value, 1);
22
+ $v2: nth($value, length($value));
23
+ $value: $v1;
24
+
25
+ // scale $v2 to just above $v1
26
+ @while $v2 > $v1 {
27
+ $v2: ($v2 / $ratio); // will be off-by-1
28
+ }
29
+ @while $v2 < $v1 {
30
+ $v2: ($v2 * $ratio); // will fix off-by-1
31
+ }
32
+
33
+ // check AFTER scaling $v2 to prevent double-counting corner-case
34
+ $double-stranded: $v2 > $v1;
35
+
36
+ @if $increment > 0 {
37
+ @for $i from 1 through $increment {
38
+ @if $double-stranded and ($v1 * $ratio) > $v2 {
39
+ $value: $v2;
40
+ $v2: ($v2 * $ratio);
41
+ } @else {
42
+ $v1: ($v1 * $ratio);
43
+ $value: $v1;
44
+ }
45
+ }
46
+ }
47
+
48
+ @if $increment < 0 {
49
+ // adjust $v2 to just below $v1
50
+ @if $double-stranded {
51
+ $v2: ($v2 / $ratio);
52
+ }
53
+
54
+ @for $i from $increment through -1 {
55
+ @if $double-stranded and ($v1 / $ratio) < $v2 {
56
+ $value: $v2;
57
+ $v2: ($v2 / $ratio);
58
+ } @else {
59
+ $v1: ($v1 / $ratio);
60
+ $value: $v1;
61
+ }
62
+ }
63
+ }
64
+
65
+ @return $value;
66
+ }
@@ -1,13 +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
- }
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
+ }
@@ -1,15 +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
- }
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
+ }
@@ -1,5 +1,5 @@
1
- // Srtips the units from a value. e.g. 12px -> 12
2
-
3
- @function strip-units($val) {
4
- @return ($val / ($val * 0 + 1));
5
- }
1
+ // Srtips the units from a value. e.g. 12px -> 12
2
+
3
+ @function strip-units($val) {
4
+ @return ($val / ($val * 0 + 1));
5
+ }
@@ -1,9 +1,9 @@
1
- // Add percentage of white to a color
2
- @function tint($color, $percent){
3
- @return mix(white, $color, $percent);
4
- }
5
-
6
- // Add percentage of black to a color
7
- @function shade($color, $percent){
8
- @return mix(black, $color, $percent);
9
- }
1
+ // Add percentage of white to a color
2
+ @function tint($color, $percent){
3
+ @return mix(white, $color, $percent);
4
+ }
5
+
6
+ // Add percentage of black to a color
7
+ @function shade($color, $percent){
8
+ @return mix(black, $color, $percent);
9
+ }
@@ -1,22 +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
- }
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
22
  }
@@ -1,17 +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
-
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
+