garth-jekyll-theme 0.1.9 → 0.2.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 (97) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +1 -1
  3. data/_includes/header.html +22 -6
  4. data/_includes/pagination.html +16 -12
  5. data/_includes/posts.html +2 -2
  6. data/_layouts/default.html +5 -0
  7. data/_layouts/front.html +3 -5
  8. data/_layouts/page.html +3 -5
  9. data/_layouts/post.html +4 -6
  10. data/_sass/_sassline-base.scss +7 -0
  11. data/_sass/sassline-base/_layouts.scss +282 -0
  12. data/_sass/sassline-base/_mixins.scss +420 -0
  13. data/_sass/sassline-base/_modular-scale.scss +66 -0
  14. data/_sass/sassline-base/_reset.scss +13 -0
  15. data/_sass/sassline-base/_typography.scss +363 -0
  16. data/_sass/sassline-base/_variables.scss +96 -0
  17. data/_sass/sassline.scss +1 -0
  18. data/_sass/style.scss +12 -0
  19. data/_sass/theme.scss +74 -20
  20. metadata +11 -79
  21. data/_includes/favicons.html +0 -18
  22. data/_includes/nav.html +0 -14
  23. data/_includes/scripts.js +0 -14
  24. data/_sass/base/_base.scss +0 -14
  25. data/_sass/base/_buttons.scss +0 -35
  26. data/_sass/base/_forms.scss +0 -83
  27. data/_sass/base/_layout.scss +0 -9
  28. data/_sass/base/_lists.scss +0 -19
  29. data/_sass/base/_media.scss +0 -9
  30. data/_sass/base/_tables.scss +0 -24
  31. data/_sass/base/_typography.scss +0 -42
  32. data/_sass/base/_variables.scss +0 -46
  33. data/_sass/bourbon/_bourbon.scss +0 -52
  34. data/_sass/bourbon/bourbon/helpers/_buttons-list.scss +0 -14
  35. data/_sass/bourbon/bourbon/helpers/_scales.scss +0 -27
  36. data/_sass/bourbon/bourbon/helpers/_text-inputs-list.scss +0 -26
  37. data/_sass/bourbon/bourbon/library/_border-color.scss +0 -25
  38. data/_sass/bourbon/bourbon/library/_border-radius.scss +0 -85
  39. data/_sass/bourbon/bourbon/library/_border-style.scss +0 -24
  40. data/_sass/bourbon/bourbon/library/_border-width.scss +0 -24
  41. data/_sass/bourbon/bourbon/library/_buttons.scss +0 -84
  42. data/_sass/bourbon/bourbon/library/_clearfix.scss +0 -25
  43. data/_sass/bourbon/bourbon/library/_contrast-switch.scss +0 -60
  44. data/_sass/bourbon/bourbon/library/_ellipsis.scss +0 -37
  45. data/_sass/bourbon/bourbon/library/_font-face.scss +0 -65
  46. data/_sass/bourbon/bourbon/library/_font-stacks.scss +0 -87
  47. data/_sass/bourbon/bourbon/library/_hide-text.scss +0 -24
  48. data/_sass/bourbon/bourbon/library/_hide-visually.scss +0 -65
  49. data/_sass/bourbon/bourbon/library/_margin.scss +0 -34
  50. data/_sass/bourbon/bourbon/library/_modular-scale.scss +0 -113
  51. data/_sass/bourbon/bourbon/library/_padding.scss +0 -34
  52. data/_sass/bourbon/bourbon/library/_position.scss +0 -54
  53. data/_sass/bourbon/bourbon/library/_prefixer.scss +0 -38
  54. data/_sass/bourbon/bourbon/library/_shade.scss +0 -33
  55. data/_sass/bourbon/bourbon/library/_size.scss +0 -49
  56. data/_sass/bourbon/bourbon/library/_strip-unit.scss +0 -17
  57. data/_sass/bourbon/bourbon/library/_text-inputs.scss +0 -163
  58. data/_sass/bourbon/bourbon/library/_timing-functions.scss +0 -38
  59. data/_sass/bourbon/bourbon/library/_tint.scss +0 -33
  60. data/_sass/bourbon/bourbon/library/_triangle.scss +0 -82
  61. data/_sass/bourbon/bourbon/library/_value-prefixer.scss +0 -38
  62. data/_sass/bourbon/bourbon/library/_word-wrap.scss +0 -29
  63. data/_sass/bourbon/bourbon/settings/_settings.scss +0 -51
  64. data/_sass/bourbon/bourbon/utilities/_assign-inputs.scss +0 -29
  65. data/_sass/bourbon/bourbon/utilities/_collapse-directionals.scss +0 -51
  66. data/_sass/bourbon/bourbon/utilities/_directional-values.scss +0 -58
  67. data/_sass/bourbon/bourbon/utilities/_font-source-declaration.scss +0 -52
  68. data/_sass/bourbon/bourbon/utilities/_retrieve-bourbon-setting.scss +0 -16
  69. data/_sass/bourbon/bourbon/utilities/_unpack.scss +0 -29
  70. data/_sass/bourbon/bourbon/validators/_contains-falsy.scss +0 -20
  71. data/_sass/bourbon/bourbon/validators/_contains.scss +0 -27
  72. data/_sass/bourbon/bourbon/validators/_is-color.scss +0 -13
  73. data/_sass/bourbon/bourbon/validators/_is-length.scss +0 -15
  74. data/_sass/bourbon/bourbon/validators/_is-light.scss +0 -23
  75. data/_sass/bourbon/bourbon/validators/_is-number.scss +0 -15
  76. data/_sass/bourbon/bourbon/validators/_is-size.scss +0 -18
  77. data/_sass/neat/_neat-helpers.scss +0 -8
  78. data/_sass/neat/_neat.scss +0 -23
  79. data/_sass/neat/functions/_new-breakpoint.scss +0 -49
  80. data/_sass/neat/functions/_private.scss +0 -114
  81. data/_sass/neat/grid/_box-sizing.scss +0 -15
  82. data/_sass/neat/grid/_direction-context.scss +0 -33
  83. data/_sass/neat/grid/_display-context.scss +0 -28
  84. data/_sass/neat/grid/_fill-parent.scss +0 -22
  85. data/_sass/neat/grid/_media.scss +0 -92
  86. data/_sass/neat/grid/_omega.scss +0 -87
  87. data/_sass/neat/grid/_outer-container.scss +0 -38
  88. data/_sass/neat/grid/_pad.scss +0 -25
  89. data/_sass/neat/grid/_private.scss +0 -35
  90. data/_sass/neat/grid/_row.scss +0 -52
  91. data/_sass/neat/grid/_shift.scss +0 -50
  92. data/_sass/neat/grid/_span-columns.scss +0 -94
  93. data/_sass/neat/grid/_to-deprecate.scss +0 -97
  94. data/_sass/neat/grid/_visual-grid.scss +0 -42
  95. data/_sass/neat/settings/_disable-warnings.scss +0 -13
  96. data/_sass/neat/settings/_grid.scss +0 -51
  97. data/_sass/neat/settings/_visual-grid.scss +0 -27
@@ -1,34 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `padding` on specific sides of a
4
- /// box. Use a `null` value to “skip” a side.
5
- ///
6
- /// @argument {arglist} $values
7
- /// List of padding values, defined as CSS shorthand.
8
- ///
9
- /// @example scss
10
- /// .element-one {
11
- /// @include padding(null 1rem);
12
- /// }
13
- ///
14
- /// .element-two {
15
- /// @include padding(10vh null 10px 5%);
16
- /// }
17
- ///
18
- /// @example css
19
- /// .element-one {
20
- /// padding-left: 1rem;
21
- /// padding-right: 1rem;
22
- /// }
23
- ///
24
- /// .element-two {
25
- /// padding-bottom: 10px;
26
- /// padding-left: 5%;
27
- /// padding-top: 10vh;
28
- /// }
29
- ///
30
- /// @require {mixin} _directional-property
31
-
32
- @mixin padding($values...) {
33
- @include _directional-property(padding, false, $values...);
34
- }
@@ -1,54 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for setting an element’s position. Use a `null`
4
- /// value to “skip” a side.
5
- ///
6
- /// @argument {string} $position [relative]
7
- /// A CSS position value.
8
- ///
9
- /// @argument {arglist} $coordinates [null]
10
- /// List of lengths, defined as CSS shorthand.
11
- ///
12
- /// @example scss
13
- /// .element {
14
- /// @include position(absolute, 0 null null 10em);
15
- /// }
16
- ///
17
- /// @example css
18
- /// .element {
19
- /// left: 10em;
20
- /// position: absolute;
21
- /// top: 0;
22
- /// }
23
- ///
24
- /// @require {function} _is-length
25
- ///
26
- /// @require {function} _unpack
27
-
28
- @mixin position(
29
- $position: relative,
30
- $coordinates: null
31
- ) {
32
-
33
- @if type-of($position) == list {
34
- $coordinates: $position;
35
- $position: relative;
36
- }
37
-
38
- $coordinates: _unpack($coordinates);
39
-
40
- $offsets: (
41
- top: nth($coordinates, 1),
42
- right: nth($coordinates, 2),
43
- bottom: nth($coordinates, 3),
44
- left: nth($coordinates, 4),
45
- );
46
-
47
- position: $position;
48
-
49
- @each $offset, $value in $offsets {
50
- @if _is-length($value) {
51
- #{$offset}: $value;
52
- }
53
- }
54
- }
@@ -1,38 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Generates vendor prefixes.
4
- ///
5
- /// @argument {string} $property
6
- /// Property to prefix.
7
- ///
8
- /// @argument {string} $value
9
- /// Value to use.
10
- ///
11
- /// @argument {list} $prefixes
12
- /// Vendor prefixes to output.
13
- ///
14
- /// @example scss
15
- /// .element {
16
- /// @include prefixer(appearance, none, ("webkit", "moz"));
17
- /// }
18
- ///
19
- /// @example css
20
- /// .element {
21
- /// -webkit-appearance: none;
22
- /// -moz-appearance: none;
23
- /// appearance: none;
24
- /// }
25
- ///
26
- /// @author Hugo Giraudel
27
-
28
- @mixin prefixer(
29
- $property,
30
- $value,
31
- $prefixes: ()
32
- ) {
33
-
34
- @each $prefix in $prefixes {
35
- #{"-" + $prefix + "-" + $property}: $value;
36
- }
37
- #{$property}: $value;
38
- }
@@ -1,33 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Mixes a color with black.
4
- ///
5
- /// @argument {color} $color
6
- ///
7
- /// @argument {number (percentage)} $percent
8
- /// The amount of black to be mixed in.
9
- ///
10
- /// @return {color}
11
- ///
12
- /// @example scss
13
- /// .element {
14
- /// background-color: shade(#ffbb52, 60%);
15
- /// }
16
- ///
17
- /// @example css
18
- /// .element {
19
- /// background-color: #664a20;
20
- /// }
21
-
22
- @function shade(
23
- $color,
24
- $percent
25
- ) {
26
-
27
- @if not _is-color($color) {
28
- @error "`#{$color}` is not a valid color for the `$color` argument in " +
29
- "the `shade` mixin.";
30
- } @else {
31
- @return mix(#000, $color, $percent);
32
- }
33
- }
@@ -1,49 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Sets the `width` and `height` of the element in one statement.
4
- ///
5
- /// @argument {number (with unit) | string} $width
6
- ///
7
- /// @argument {number (with unit) | string} $height [$width]
8
- ///
9
- /// @example scss
10
- /// .first-element {
11
- /// @include size(2em);
12
- /// }
13
- ///
14
- /// .second-element {
15
- /// @include size(auto, 10em);
16
- /// }
17
- ///
18
- /// @example css
19
- /// .first-element {
20
- /// width: 2em;
21
- /// height: 2em;
22
- /// }
23
- ///
24
- /// .second-element {
25
- /// width: auto;
26
- /// height: 10em;
27
- /// }
28
- ///
29
- /// @require {function} _is-size
30
-
31
- @mixin size(
32
- $width,
33
- $height: $width
34
- ) {
35
-
36
- @if _is-size($height) {
37
- height: $height;
38
- } @else {
39
- @error "`#{$height}` is not a valid length for the `$height` argument " +
40
- "in the `size` mixin.";
41
- }
42
-
43
- @if _is-size($width) {
44
- width: $width;
45
- } @else {
46
- @error "`#{$width}` is not a valid length for the `$width` argument " +
47
- "in the `size` mixin.";
48
- }
49
- }
@@ -1,17 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Strips the unit from a number.
4
- ///
5
- /// @argument {number} $value
6
- ///
7
- /// @return {number (unitless)}
8
- ///
9
- /// @example scss
10
- /// $dimension: strip-unit(10em);
11
- ///
12
- /// @example css
13
- /// $dimension: 10;
14
-
15
- @function strip-unit($value) {
16
- @return ($value / ($value * 0 + 1));
17
- }
@@ -1,163 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- ////
4
- /// @type list
5
- ///
6
- /// @require {function} _assign-inputs
7
- ///
8
- /// @require {variable} $_text-inputs-list
9
- ////
10
-
11
- /// A list of all _text-based_ HTML inputs. Please note that you must
12
- /// interpolate the variable (`#{}`) to use it as a selector.
13
- ///
14
- /// @example scss
15
- /// #{$all-text-inputs} {
16
- /// border: 1px solid #ccc;
17
- /// }
18
- ///
19
- /// @example css
20
- /// [type='color'],
21
- /// [type='date'],
22
- /// [type='datetime'],
23
- /// [type='datetime-local'],
24
- /// [type='email'],
25
- /// [type='month'],
26
- /// [type='number'],
27
- /// [type='password'],
28
- /// [type='search'],
29
- /// [type='tel'],
30
- /// [type='text'],
31
- /// [type='time'],
32
- /// [type='url'],
33
- /// [type='week'],
34
- /// input:not([type]),
35
- /// textarea {
36
- /// border: 1px solid #ccc;
37
- /// }
38
-
39
- $all-text-inputs: _assign-inputs($_text-inputs-list);
40
-
41
- /// A list of all _text-based_ HTML inputs with the `:active` pseudo-class
42
- /// applied. Please note that you must interpolate the variable (`#{}`) to use
43
- /// it as a selector.
44
- ///
45
- /// @example scss
46
- /// #{$all-text-inputs-active} {
47
- /// border: 1px solid #aaa;
48
- /// }
49
- ///
50
- /// @example css
51
- /// [type='color']:active,
52
- /// [type='date']:active,
53
- /// [type='datetime']:active,
54
- /// [type='datetime-local']:active,
55
- /// [type='email']:active,
56
- /// [type='month']:active,
57
- /// [type='number']:active,
58
- /// [type='password']:active,
59
- /// [type='search']:active,
60
- /// [type='tel']:active,
61
- /// [type='text']:active,
62
- /// [type='time']:active,
63
- /// [type='url']:active,
64
- /// [type='week']:active,
65
- /// input:not([type]):active,
66
- /// textarea:active {
67
- /// border: 1px solid #aaa;
68
- /// }
69
-
70
- $all-text-inputs-active: _assign-inputs($_text-inputs-list, active);
71
-
72
- /// A list of all _text-based_ HTML inputs with the `:focus` pseudo-class
73
- /// applied. Please note that you must interpolate the variable (`#{}`) to use
74
- /// it as a selector.
75
- ///
76
- /// @example scss
77
- /// #{$all-text-inputs-focus} {
78
- /// border: 1px solid #1565c0;
79
- /// }
80
- ///
81
- /// @example css
82
- /// [type='color']:focus,
83
- /// [type='date']:focus,
84
- /// [type='datetime']:focus,
85
- /// [type='datetime-local']:focus,
86
- /// [type='email']:focus,
87
- /// [type='month']:focus,
88
- /// [type='number']:focus,
89
- /// [type='password']:focus,
90
- /// [type='search']:focus,
91
- /// [type='tel']:focus,
92
- /// [type='text']:focus,
93
- /// [type='time']:focus,
94
- /// [type='url']:focus,
95
- /// [type='week']:focus,
96
- /// input:not([type]):focus,
97
- /// textarea:focus {
98
- /// border: 1px solid #1565c0;
99
- /// }
100
-
101
- $all-text-inputs-focus: _assign-inputs($_text-inputs-list, focus);
102
-
103
- /// A list of all _text-based_ HTML inputs with the `:hover` pseudo-class
104
- /// applied. Please note that you must interpolate the variable (`#{}`) to use
105
- /// it as a selector.
106
- ///
107
- /// @example scss
108
- /// #{$all-text-inputs-hover} {
109
- /// border: 1px solid #aaa;
110
- /// }
111
- ///
112
- /// @example css
113
- /// [type='color']:hover,
114
- /// [type='date']:hover,
115
- /// [type='datetime']:hover,
116
- /// [type='datetime-local']:hover,
117
- /// [type='email']:hover,
118
- /// [type='month']:hover,
119
- /// [type='number']:hover,
120
- /// [type='password']:hover,
121
- /// [type='search']:hover,
122
- /// [type='tel']:hover,
123
- /// [type='text']:hover,
124
- /// [type='time']:hover,
125
- /// [type='url']:hover,
126
- /// [type='week']:hover,
127
- /// input:not([type]):hover,
128
- /// textarea:hover {
129
- /// border: 1px solid #aaa;
130
- /// }
131
-
132
- $all-text-inputs-hover: _assign-inputs($_text-inputs-list, hover);
133
-
134
- /// A list of all _text-based_ HTML inputs with the `:invalid` pseudo-class
135
- /// applied. Please note that you must interpolate the variable (`#{}`) to use
136
- /// it as a selector.
137
- ///
138
- /// @example scss
139
- /// #{$all-text-inputs-invalid} {
140
- /// border: 1px solid #00f;
141
- /// }
142
- ///
143
- /// @example css
144
- /// [type='color']:invalid,
145
- /// [type='date']:invalid,
146
- /// [type='datetime']:invalid,
147
- /// [type='datetime-local']:invalid,
148
- /// [type='email']:invalid,
149
- /// [type='month']:invalid,
150
- /// [type='number']:invalid,
151
- /// [type='password']:invalid,
152
- /// [type='search']:invalid,
153
- /// [type='tel']:invalid,
154
- /// [type='text']:invalid,
155
- /// [type='time']:invalid,
156
- /// [type='url']:invalid,
157
- /// [type='week']:invalid,
158
- /// input:not([type]):invalid,
159
- /// textarea:invalid {
160
- /// border: 1px solid #00f;
161
- /// }
162
-
163
- $all-text-inputs-invalid: _assign-inputs($_text-inputs-list, invalid);
@@ -1,38 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- // scss-lint:disable SpaceAfterComma, UnnecessaryMantissa, TrailingZero
4
-
5
- ////
6
- /// CSS cubic-bezier timing functions.
7
- ///
8
- /// @link http://goo.gl/p8u6SK
9
- ///
10
- /// @type string
11
- ////
12
-
13
- $ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
14
- $ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
15
- $ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
16
- $ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
17
- $ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
18
- $ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
19
- $ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
20
- $ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
21
-
22
- $ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
23
- $ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
24
- $ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
25
- $ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
26
- $ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
27
- $ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
28
- $ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
29
- $ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
30
-
31
- $ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
32
- $ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
33
- $ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
34
- $ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
35
- $ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
36
- $ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
37
- $ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
38
- $ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
@@ -1,33 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Mixes a color with white.
4
- ///
5
- /// @argument {color} $color
6
- ///
7
- /// @argument {number (percentage)} $percent
8
- /// The amount of white to be mixed in.
9
- ///
10
- /// @return {color}
11
- ///
12
- /// @example scss
13
- /// .element {
14
- /// background-color: tint(#6ecaa6, 40%);
15
- /// }
16
- ///
17
- /// @example css
18
- /// .element {
19
- /// background-color: #a8dfc9;
20
- /// }
21
-
22
- @function tint(
23
- $color,
24
- $percent
25
- ) {
26
-
27
- @if not _is-color($color) {
28
- @error "`#{$color}` is not a valid color for the `$color` argument in " +
29
- "the `tint` mixin.";
30
- } @else {
31
- @return mix(#fff, $color, $percent);
32
- }
33
- }