garth-jekyll-theme 0.1.9 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
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
- }