soffes-blog-jekyll 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +5 -0
  3. data/.ruby-version +1 -0
  4. data/Gemfile +6 -0
  5. data/LICENSE.txt +21 -0
  6. data/README.md +68 -0
  7. data/Rakefile +2 -0
  8. data/_includes/footer.html +4 -0
  9. data/_includes/head.html +13 -0
  10. data/_includes/header.html +5 -0
  11. data/_layouts/default.html +13 -0
  12. data/_layouts/home.html +21 -0
  13. data/_layouts/page.html +5 -0
  14. data/_layouts/post.html +22 -0
  15. data/_sass/application.scss +271 -0
  16. data/_sass/bourbon/_bourbon-deprecated-upcoming.scss +411 -0
  17. data/_sass/bourbon/_bourbon.scss +87 -0
  18. data/_sass/bourbon/addons/_border-color.scss +26 -0
  19. data/_sass/bourbon/addons/_border-radius.scss +48 -0
  20. data/_sass/bourbon/addons/_border-style.scss +25 -0
  21. data/_sass/bourbon/addons/_border-width.scss +25 -0
  22. data/_sass/bourbon/addons/_buttons.scss +64 -0
  23. data/_sass/bourbon/addons/_clearfix.scss +25 -0
  24. data/_sass/bourbon/addons/_ellipsis.scss +30 -0
  25. data/_sass/bourbon/addons/_font-stacks.scss +31 -0
  26. data/_sass/bourbon/addons/_hide-text.scss +27 -0
  27. data/_sass/bourbon/addons/_margin.scss +26 -0
  28. data/_sass/bourbon/addons/_padding.scss +26 -0
  29. data/_sass/bourbon/addons/_position.scss +48 -0
  30. data/_sass/bourbon/addons/_prefixer.scss +66 -0
  31. data/_sass/bourbon/addons/_retina-image.scss +25 -0
  32. data/_sass/bourbon/addons/_size.scss +51 -0
  33. data/_sass/bourbon/addons/_text-inputs.scss +112 -0
  34. data/_sass/bourbon/addons/_timing-functions.scss +34 -0
  35. data/_sass/bourbon/addons/_triangle.scss +63 -0
  36. data/_sass/bourbon/addons/_word-wrap.scss +29 -0
  37. data/_sass/bourbon/css3/_animation.scss +43 -0
  38. data/_sass/bourbon/css3/_appearance.scss +3 -0
  39. data/_sass/bourbon/css3/_backface-visibility.scss +3 -0
  40. data/_sass/bourbon/css3/_background-image.scss +42 -0
  41. data/_sass/bourbon/css3/_background.scss +55 -0
  42. data/_sass/bourbon/css3/_border-image.scss +59 -0
  43. data/_sass/bourbon/css3/_calc.scss +4 -0
  44. data/_sass/bourbon/css3/_columns.scss +47 -0
  45. data/_sass/bourbon/css3/_filter.scss +4 -0
  46. data/_sass/bourbon/css3/_flex-box.scss +289 -0
  47. data/_sass/bourbon/css3/_font-face.scss +24 -0
  48. data/_sass/bourbon/css3/_font-feature-settings.scss +4 -0
  49. data/_sass/bourbon/css3/_hidpi-media-query.scss +10 -0
  50. data/_sass/bourbon/css3/_hyphens.scss +4 -0
  51. data/_sass/bourbon/css3/_image-rendering.scss +14 -0
  52. data/_sass/bourbon/css3/_keyframes.scss +36 -0
  53. data/_sass/bourbon/css3/_linear-gradient.scss +38 -0
  54. data/_sass/bourbon/css3/_perspective.scss +8 -0
  55. data/_sass/bourbon/css3/_placeholder.scss +8 -0
  56. data/_sass/bourbon/css3/_radial-gradient.scss +39 -0
  57. data/_sass/bourbon/css3/_selection.scss +42 -0
  58. data/_sass/bourbon/css3/_text-decoration.scss +19 -0
  59. data/_sass/bourbon/css3/_transform.scss +15 -0
  60. data/_sass/bourbon/css3/_transition.scss +71 -0
  61. data/_sass/bourbon/css3/_user-select.scss +3 -0
  62. data/_sass/bourbon/functions/_assign-inputs.scss +11 -0
  63. data/_sass/bourbon/functions/_contains-falsy.scss +20 -0
  64. data/_sass/bourbon/functions/_contains.scss +26 -0
  65. data/_sass/bourbon/functions/_is-length.scss +11 -0
  66. data/_sass/bourbon/functions/_is-light.scss +21 -0
  67. data/_sass/bourbon/functions/_is-number.scss +11 -0
  68. data/_sass/bourbon/functions/_is-size.scss +13 -0
  69. data/_sass/bourbon/functions/_modular-scale.scss +69 -0
  70. data/_sass/bourbon/functions/_px-to-em.scss +13 -0
  71. data/_sass/bourbon/functions/_px-to-rem.scss +15 -0
  72. data/_sass/bourbon/functions/_shade.scss +24 -0
  73. data/_sass/bourbon/functions/_strip-units.scss +17 -0
  74. data/_sass/bourbon/functions/_tint.scss +24 -0
  75. data/_sass/bourbon/functions/_transition-property-name.scss +22 -0
  76. data/_sass/bourbon/functions/_unpack.scss +27 -0
  77. data/_sass/bourbon/helpers/_convert-units.scss +15 -0
  78. data/_sass/bourbon/helpers/_directional-values.scss +96 -0
  79. data/_sass/bourbon/helpers/_font-source-declaration.scss +43 -0
  80. data/_sass/bourbon/helpers/_gradient-positions-parser.scss +13 -0
  81. data/_sass/bourbon/helpers/_linear-angle-parser.scss +25 -0
  82. data/_sass/bourbon/helpers/_linear-gradient-parser.scss +41 -0
  83. data/_sass/bourbon/helpers/_linear-positions-parser.scss +61 -0
  84. data/_sass/bourbon/helpers/_linear-side-corner-parser.scss +31 -0
  85. data/_sass/bourbon/helpers/_radial-arg-parser.scss +69 -0
  86. data/_sass/bourbon/helpers/_radial-gradient-parser.scss +50 -0
  87. data/_sass/bourbon/helpers/_radial-positions-parser.scss +18 -0
  88. data/_sass/bourbon/helpers/_render-gradients.scss +26 -0
  89. data/_sass/bourbon/helpers/_shape-size-stripper.scss +10 -0
  90. data/_sass/bourbon/helpers/_str-to-num.scss +50 -0
  91. data/_sass/bourbon/settings/_asset-pipeline.scss +7 -0
  92. data/_sass/bourbon/settings/_prefixer.scss +9 -0
  93. data/_sass/bourbon/settings/_px-to-em.scss +1 -0
  94. data/_sass/components/code.scss +89 -0
  95. data/_sass/components/pagination.scss +50 -0
  96. data/_sass/components/reset.scss +54 -0
  97. data/_sass/globals/variables.scss +25 -0
  98. data/_sass/sections/blog.scss +186 -0
  99. data/_sass/sections/error.scss +6 -0
  100. data/assets/application.js +38 -0
  101. data/assets/fonts.css +22 -0
  102. data/assets/main.scss +5 -0
  103. data/bin/console +14 -0
  104. data/bin/setup +8 -0
  105. data/lib/soffes/blog/jekyll.rb +9 -0
  106. data/lib/soffes/blog/jekyll/version.rb +7 -0
  107. data/soffes-blog-jekyll.gemspec +34 -0
  108. metadata +180 -0
@@ -0,0 +1,69 @@
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
+ $modular-scale-ratio: $perfect-fourth !default;
21
+ $modular-scale-base: em($em-base) !default;
22
+
23
+ @function modular-scale($increment, $value: $modular-scale-base, $ratio: $modular-scale-ratio) {
24
+ $v1: nth($value, 1);
25
+ $v2: nth($value, length($value));
26
+ $value: $v1;
27
+
28
+ // scale $v2 to just above $v1
29
+ @while $v2 > $v1 {
30
+ $v2: ($v2 / $ratio); // will be off-by-1
31
+ }
32
+ @while $v2 < $v1 {
33
+ $v2: ($v2 * $ratio); // will fix off-by-1
34
+ }
35
+
36
+ // check AFTER scaling $v2 to prevent double-counting corner-case
37
+ $double-stranded: $v2 > $v1;
38
+
39
+ @if $increment > 0 {
40
+ @for $i from 1 through $increment {
41
+ @if $double-stranded and ($v1 * $ratio) > $v2 {
42
+ $value: $v2;
43
+ $v2: ($v2 * $ratio);
44
+ } @else {
45
+ $v1: ($v1 * $ratio);
46
+ $value: $v1;
47
+ }
48
+ }
49
+ }
50
+
51
+ @if $increment < 0 {
52
+ // adjust $v2 to just below $v1
53
+ @if $double-stranded {
54
+ $v2: ($v2 / $ratio);
55
+ }
56
+
57
+ @for $i from $increment through -1 {
58
+ @if $double-stranded and ($v1 / $ratio) < $v2 {
59
+ $value: $v2;
60
+ $v2: ($v2 / $ratio);
61
+ } @else {
62
+ $v1: ($v1 / $ratio);
63
+ $value: $v1;
64
+ }
65
+ }
66
+ }
67
+
68
+ @return $value;
69
+ }
@@ -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,24 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Mixes a color with black.
4
+ ///
5
+ /// @param {Color} $color
6
+ ///
7
+ /// @param {Number (Percentage)} $percent
8
+ /// The amount of black to be mixed in.
9
+ ///
10
+ /// @example scss - Usage
11
+ /// .element {
12
+ /// background-color: shade(#ffbb52, 60%);
13
+ /// }
14
+ ///
15
+ /// @example css - CSS Output
16
+ /// .element {
17
+ /// background-color: #664a20;
18
+ /// }
19
+ ///
20
+ /// @return {Color}
21
+
22
+ @function shade($color, $percent) {
23
+ @return mix(#000, $color, $percent);
24
+ }
@@ -0,0 +1,17 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Strips the unit from a number.
4
+ ///
5
+ /// @param {Number (With Unit)} $value
6
+ ///
7
+ /// @example scss - Usage
8
+ /// $dimension: strip-units(10em);
9
+ ///
10
+ /// @example css - CSS Output
11
+ /// $dimension: 10;
12
+ ///
13
+ /// @return {Number (Unitless)}
14
+
15
+ @function strip-units($value) {
16
+ @return ($value / ($value * 0 + 1));
17
+ }
@@ -0,0 +1,24 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Mixes a color with white.
4
+ ///
5
+ /// @param {Color} $color
6
+ ///
7
+ /// @param {Number (Percentage)} $percent
8
+ /// The amount of white to be mixed in.
9
+ ///
10
+ /// @example scss - Usage
11
+ /// .element {
12
+ /// background-color: tint(#6ecaa6, 40%);
13
+ /// }
14
+ ///
15
+ /// @example css - CSS Output
16
+ /// .element {
17
+ /// background-color: #a8dfc9;
18
+ /// }
19
+ ///
20
+ /// @return {Color}
21
+
22
+ @function tint($color, $percent) {
23
+ @return mix(#fff, $color, $percent);
24
+ }
@@ -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,27 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Converts shorthand to the 4-value syntax.
4
+ ///
5
+ /// @param {List} $shorthand
6
+ ///
7
+ /// @example scss - Usage
8
+ /// .element {
9
+ /// margin: unpack(1em 2em);
10
+ /// }
11
+ ///
12
+ /// @example css - CSS Output
13
+ /// .element {
14
+ /// margin: 1em 2em 1em 2em;
15
+ /// }
16
+
17
+ @function unpack($shorthand) {
18
+ @if length($shorthand) == 1 {
19
+ @return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1);
20
+ } @else if length($shorthand) == 2 {
21
+ @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2);
22
+ } @else if length($shorthand) == 3 {
23
+ @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2);
24
+ } @else {
25
+ @return $shorthand;
26
+ }
27
+ }
@@ -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,96 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Directional-property mixins are shorthands for writing properties like the following
4
+ ///
5
+ /// @ignore You can also use `false` instead of `null`.
6
+ ///
7
+ /// @param {List} $vals
8
+ /// List of directional values
9
+ ///
10
+ /// @example scss - Usage
11
+ /// .element {
12
+ /// @include border-style(dotted null);
13
+ /// @include margin(null 0 10px);
14
+ /// }
15
+ ///
16
+ /// @example css - CSS Output
17
+ /// .element {
18
+ /// border-bottom-style: dotted;
19
+ /// border-top-style: dotted;
20
+ /// margin-bottom: 10px;
21
+ /// margin-left: 0;
22
+ /// margin-right: 0;
23
+ /// }
24
+ ///
25
+ /// @require {function} contains-falsy
26
+ ///
27
+ /// @return {List}
28
+
29
+ @function collapse-directionals($vals) {
30
+ $output: null;
31
+
32
+ $a: nth($vals, 1);
33
+ $b: if(length($vals) < 2, $a, nth($vals, 2));
34
+ $c: if(length($vals) < 3, $a, nth($vals, 3));
35
+ $d: if(length($vals) < 2, $a, nth($vals, if(length($vals) < 4, 2, 4)));
36
+
37
+ @if $a == 0 { $a: 0; }
38
+ @if $b == 0 { $b: 0; }
39
+ @if $c == 0 { $c: 0; }
40
+ @if $d == 0 { $d: 0; }
41
+
42
+ @if $a == $b and $a == $c and $a == $d { $output: $a; }
43
+ @else if $a == $c and $b == $d { $output: $a $b; }
44
+ @else if $b == $d { $output: $a $b $c; }
45
+ @else { $output: $a $b $c $d; }
46
+
47
+ @return $output;
48
+ }
49
+
50
+ /// Output directional properties, for instance `margin`.
51
+ ///
52
+ /// @access private
53
+ ///
54
+ /// @param {String} $pre
55
+ /// Prefix to use
56
+ /// @param {String} $suf
57
+ /// Suffix to use
58
+ /// @param {List} $vals
59
+ /// List of values
60
+ ///
61
+ /// @require {function} collapse-directionals
62
+ /// @require {function} contains-falsy
63
+
64
+ @mixin directional-property($pre, $suf, $vals) {
65
+ // Property Names
66
+ $top: $pre + "-top" + if($suf, "-#{$suf}", "");
67
+ $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", "");
68
+ $left: $pre + "-left" + if($suf, "-#{$suf}", "");
69
+ $right: $pre + "-right" + if($suf, "-#{$suf}", "");
70
+ $all: $pre + if($suf, "-#{$suf}", "");
71
+
72
+ $vals: collapse-directionals($vals);
73
+
74
+ @if contains-falsy($vals) {
75
+ @if nth($vals, 1) { #{$top}: nth($vals, 1); }
76
+
77
+ @if length($vals) == 1 {
78
+ @if nth($vals, 1) { #{$right}: nth($vals, 1); }
79
+ } @else {
80
+ @if nth($vals, 2) { #{$right}: nth($vals, 2); }
81
+ }
82
+
83
+ @if length($vals) == 2 {
84
+ @if nth($vals, 1) { #{$bottom}: nth($vals, 1); }
85
+ @if nth($vals, 2) { #{$left}: nth($vals, 2); }
86
+ } @else if length($vals) == 3 {
87
+ @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
88
+ @if nth($vals, 2) { #{$left}: nth($vals, 2); }
89
+ } @else if length($vals) == 4 {
90
+ @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
91
+ @if nth($vals, 4) { #{$left}: nth($vals, 4); }
92
+ }
93
+ } @else {
94
+ #{$all}: $vals;
95
+ }
96
+ }
@@ -0,0 +1,43 @@
1
+ // Used for creating the source string for fonts using @font-face
2
+ // Reference: http://goo.gl/Ru1bKP
3
+
4
+ @function font-url-prefixer($asset-pipeline) {
5
+ @if $asset-pipeline == true {
6
+ @return font-url;
7
+ } @else {
8
+ @return url;
9
+ }
10
+ }
11
+
12
+ @function font-source-declaration(
13
+ $font-family,
14
+ $file-path,
15
+ $asset-pipeline,
16
+ $file-formats,
17
+ $font-url) {
18
+
19
+ $src: null;
20
+
21
+ $formats-map: (
22
+ eot: "#{$file-path}.eot?#iefix" format("embedded-opentype"),
23
+ woff2: "#{$file-path}.woff2" format("woff2"),
24
+ woff: "#{$file-path}.woff" format("woff"),
25
+ ttf: "#{$file-path}.ttf" format("truetype"),
26
+ svg: "#{$file-path}.svg##{$font-family}" format("svg")
27
+ );
28
+
29
+ @each $key, $values in $formats-map {
30
+ @if contains($file-formats, $key) {
31
+ $file-path: nth($values, 1);
32
+ $font-format: nth($values, 2);
33
+
34
+ @if $asset-pipeline == true {
35
+ $src: append($src, font-url($file-path) $font-format, comma);
36
+ } @else {
37
+ $src: append($src, url($file-path) $font-format, comma);
38
+ }
39
+ }
40
+ }
41
+
42
+ @return $src;
43
+ }
@@ -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,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-number(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
+ }