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,9 +0,0 @@
1
- figure {
2
- margin: 0;
3
- }
4
-
5
- img,
6
- picture {
7
- margin: 0;
8
- max-width: 100%;
9
- }
@@ -1,24 +0,0 @@
1
- table {
2
- border-collapse: collapse;
3
- margin: $small-spacing 0;
4
- table-layout: fixed;
5
- width: 100%;
6
- }
7
-
8
- th {
9
- border-bottom: 1px solid shade($base-border-color, 25%);
10
- font-weight: 600;
11
- padding: $small-spacing 0;
12
- text-align: left;
13
- }
14
-
15
- td {
16
- border-bottom: $base-border;
17
- padding: $small-spacing 0;
18
- }
19
-
20
- tr,
21
- td,
22
- th {
23
- vertical-align: middle;
24
- }
@@ -1,42 +0,0 @@
1
- body {
2
- color: $base-font-color;
3
- font-family: $base-font-family;
4
- font-size: $base-font-size;
5
- line-height: $base-line-height;
6
- }
7
-
8
- h1,
9
- h2,
10
- h3,
11
- h4,
12
- h5,
13
- h6 {
14
- font-family: $heading-font-family;
15
- font-size: modular-scale(1);
16
- line-height: $heading-line-height;
17
- margin: 0 0 $small-spacing;
18
- }
19
-
20
- p {
21
- margin: 0 0 $small-spacing;
22
- }
23
-
24
- a {
25
- color: $action-color;
26
- text-decoration: none;
27
- transition: color $base-duration $base-timing;
28
-
29
- &:active,
30
- &:focus,
31
- &:hover {
32
- color: shade($action-color, 25%);
33
- }
34
- }
35
-
36
- hr {
37
- border-bottom: $base-border;
38
- border-left: 0;
39
- border-right: 0;
40
- border-top: 0;
41
- margin: $base-spacing 0;
42
- }
@@ -1,46 +0,0 @@
1
- // Breakpoints
2
- $medium-screen: 600px;
3
- $large-screen: 900px;
4
-
5
- // Typography
6
- $base-font-family: $font-stack-system;
7
- $heading-font-family: $base-font-family;
8
-
9
- // Font Sizes
10
- $base-font-size: 1em;
11
-
12
- // Line height
13
- $base-line-height: 1.5;
14
- $heading-line-height: 1.2;
15
-
16
- // Other Sizes
17
- $base-border-radius: 3px;
18
- $base-spacing: $base-line-height * 1em;
19
- $small-spacing: $base-spacing / 2;
20
- $base-z-index: 0;
21
-
22
- // Colors
23
- $blue: #1565c0;
24
- $dark-gray: #333;
25
- $medium-gray: #999;
26
- $light-gray: #ddd;
27
-
28
- // Font Colors
29
- $base-font-color: $dark-gray;
30
- $action-color: $blue;
31
-
32
- // Border
33
- $base-border-color: $light-gray;
34
- $base-border: 1px solid $base-border-color;
35
-
36
- // Background Colors
37
- $base-background-color: #fff;
38
- $secondary-background-color: tint($base-border-color, 75%);
39
-
40
- // Forms
41
- $form-box-shadow: inset 0 1px 3px rgba(#000, 0.06);
42
- $form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);
43
-
44
- // Animations
45
- $base-duration: 150ms;
46
- $base-timing: ease;
@@ -1,52 +0,0 @@
1
- // Bourbon 5.0.0-beta.6
2
- // http://bourbon.io
3
- // Copyright 2011 thoughtbot, inc.
4
- // MIT License
5
-
6
- @import "bourbon/helpers/buttons-list";
7
- @import "bourbon/helpers/scales";
8
- @import "bourbon/helpers/text-inputs-list";
9
-
10
- @import "bourbon/settings/settings";
11
-
12
- @import "bourbon/validators/contains";
13
- @import "bourbon/validators/contains-falsy";
14
- @import "bourbon/validators/is-color";
15
- @import "bourbon/validators/is-length";
16
- @import "bourbon/validators/is-light";
17
- @import "bourbon/validators/is-number";
18
- @import "bourbon/validators/is-size";
19
-
20
- @import "bourbon/utilities/assign-inputs";
21
- @import "bourbon/utilities/collapse-directionals";
22
- @import "bourbon/utilities/directional-values";
23
- @import "bourbon/utilities/font-source-declaration";
24
- @import "bourbon/utilities/retrieve-bourbon-setting";
25
- @import "bourbon/utilities/unpack";
26
-
27
- @import "bourbon/library/border-color";
28
- @import "bourbon/library/border-radius";
29
- @import "bourbon/library/border-style";
30
- @import "bourbon/library/border-width";
31
- @import "bourbon/library/buttons";
32
- @import "bourbon/library/clearfix";
33
- @import "bourbon/library/contrast-switch";
34
- @import "bourbon/library/ellipsis";
35
- @import "bourbon/library/font-face";
36
- @import "bourbon/library/font-stacks";
37
- @import "bourbon/library/hide-text";
38
- @import "bourbon/library/hide-visually";
39
- @import "bourbon/library/margin";
40
- @import "bourbon/library/modular-scale";
41
- @import "bourbon/library/padding";
42
- @import "bourbon/library/position";
43
- @import "bourbon/library/prefixer";
44
- @import "bourbon/library/shade";
45
- @import "bourbon/library/size";
46
- @import "bourbon/library/strip-unit";
47
- @import "bourbon/library/text-inputs";
48
- @import "bourbon/library/timing-functions";
49
- @import "bourbon/library/tint";
50
- @import "bourbon/library/triangle";
51
- @import "bourbon/library/value-prefixer";
52
- @import "bourbon/library/word-wrap";
@@ -1,14 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// A list of all HTML button elements.
4
- ///
5
- /// @type list
6
- ///
7
- /// @access private
8
-
9
- $_buttons-list: (
10
- "button",
11
- "[type='button']",
12
- "[type='reset']",
13
- "[type='submit']",
14
- );
@@ -1,27 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- ////
4
- /// Pre-defined scales for use with the `modular-scale` function.
5
- ///
6
- /// @type number (unitless)
7
- ///
8
- /// @see {function} modular-scale
9
- ////
10
-
11
- $minor-second: 1.067;
12
- $major-second: 1.125;
13
- $minor-third: 1.2;
14
- $major-third: 1.25;
15
- $perfect-fourth: 1.333;
16
- $augmented-fourth: 1.414;
17
- $perfect-fifth: 1.5;
18
- $minor-sixth: 1.6;
19
- $golden: 1.618;
20
- $major-sixth: 1.667;
21
- $minor-seventh: 1.778;
22
- $major-seventh: 1.875;
23
- $octave: 2;
24
- $major-tenth: 2.5;
25
- $major-eleventh: 2.667;
26
- $major-twelfth: 3;
27
- $double-octave: 4;
@@ -1,26 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// A list of all _text-based_ HTML inputs.
4
- ///
5
- /// @type list
6
- ///
7
- /// @access private
8
-
9
- $_text-inputs-list: (
10
- "[type='color']",
11
- "[type='date']",
12
- "[type='datetime']",
13
- "[type='datetime-local']",
14
- "[type='email']",
15
- "[type='month']",
16
- "[type='number']",
17
- "[type='password']",
18
- "[type='search']",
19
- "[type='tel']",
20
- "[type='text']",
21
- "[type='time']",
22
- "[type='url']",
23
- "[type='week']",
24
- "input:not([type])",
25
- "textarea",
26
- );
@@ -1,25 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-color` on specific sides of a
4
- /// box. Use a `null` value to “skip” a side.
5
- ///
6
- /// @argument {arglist} $values
7
- /// List of colors, defined as CSS shorthand.
8
- ///
9
- /// @example scss
10
- /// .element {
11
- /// @include border-color(#a60b55 #76cd9c null #e8ae1a);
12
- /// }
13
- ///
14
- /// @example css
15
- /// .element {
16
- /// border-left-color: #e8ae1a;
17
- /// border-right-color: #76cd9c;
18
- /// border-top-color: #a60b55;
19
- /// }
20
- ///
21
- /// @require {mixin} _directional-property
22
-
23
- @mixin border-color($values...) {
24
- @include _directional-property(border, color, $values...);
25
- }
@@ -1,85 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a shorthand syntax to add `border-radius` to both the top-left and
4
- /// top-right of an element.
5
- ///
6
- /// @argument {number (with unit)} $radii
7
- ///
8
- /// @example scss
9
- /// .element {
10
- /// @include border-top-radius(4px);
11
- /// }
12
- ///
13
- /// @example css
14
- /// .element {
15
- /// border-top-left-radius: 4px;
16
- /// border-top-right-radius: 4px;
17
- /// }
18
-
19
- @mixin border-top-radius($radii) {
20
- border-top-left-radius: $radii;
21
- border-top-right-radius: $radii;
22
- }
23
-
24
- /// Provides a shorthand syntax to add `border-radius` to both the top-right and
25
- /// bottom-right of an element.
26
- ///
27
- /// @argument {number (with unit)} $radii
28
- ///
29
- /// @example scss
30
- /// .element {
31
- /// @include border-right-radius(3px);
32
- /// }
33
- ///
34
- /// @example css
35
- /// .element {
36
- /// border-bottom-right-radius: 3px;
37
- /// border-top-right-radius: 3px;
38
- /// }
39
-
40
- @mixin border-right-radius($radii) {
41
- border-bottom-right-radius: $radii;
42
- border-top-right-radius: $radii;
43
- }
44
-
45
- /// Provides a shorthand syntax to add `border-radius` to both the bottom-left
46
- /// and bottom-right of an element.
47
- ///
48
- /// @argument {number (with unit)} $radii
49
- ///
50
- /// @example scss
51
- /// .element {
52
- /// @include border-bottom-radius(2px);
53
- /// }
54
- ///
55
- /// @example css
56
- /// .element {
57
- /// border-bottom-left-radius: 2px;
58
- /// border-bottom-right-radius: 2px;
59
- /// }
60
-
61
- @mixin border-bottom-radius($radii) {
62
- border-bottom-left-radius: $radii;
63
- border-bottom-right-radius: $radii;
64
- }
65
-
66
- /// Provides a shorthand syntax to add `border-radius` to both the top-left
67
- /// and bottom-left of an element.
68
- ///
69
- /// @argument {number (with unit)} $radii
70
- ///
71
- /// @example scss
72
- /// .element {
73
- /// @include border-left-radius(1px);
74
- /// }
75
- ///
76
- /// @example css
77
- /// .element {
78
- /// border-bottom-left-radius: 1px;
79
- /// border-top-left-radius: 1px;
80
- /// }
81
-
82
- @mixin border-left-radius($radii) {
83
- border-bottom-left-radius: $radii;
84
- border-top-left-radius: $radii;
85
- }
@@ -1,24 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-style` on specific sides of a
4
- /// box. Use a `null` value to “skip” a side.
5
- ///
6
- /// @argument {arglist} $values
7
- /// List of border styles, defined as CSS shorthand.
8
- ///
9
- /// @example scss
10
- /// .element {
11
- /// @include border-style(dashed null solid);
12
- /// }
13
- ///
14
- /// @example css
15
- /// .element {
16
- /// border-bottom-style: solid;
17
- /// border-top-style: dashed;
18
- /// }
19
- ///
20
- /// @require {mixin} _directional-property
21
-
22
- @mixin border-style($values...) {
23
- @include _directional-property(border, style, $values...);
24
- }
@@ -1,24 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-width` on specific sides of a
4
- /// box. Use a `null` value to “skip” a side.
5
- ///
6
- /// @argument {arglist} $values
7
- /// List of border widths, defined as CSS shorthand.
8
- ///
9
- /// @example scss
10
- /// .element {
11
- /// @include border-width(1em null 20px);
12
- /// }
13
- ///
14
- /// @example css
15
- /// .element {
16
- /// border-bottom-width: 20px;
17
- /// border-top-width: 1em;
18
- /// }
19
- ///
20
- /// @require {mixin} _directional-property
21
-
22
- @mixin border-width($values...) {
23
- @include _directional-property(border, width, $values...);
24
- }
@@ -1,84 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- ////
4
- /// @type list
5
- ///
6
- /// @require {function} _assign-inputs
7
- ///
8
- /// @require {variable} $_buttons-list
9
- ////
10
-
11
- /// A list of all HTML button elements. Please note that you must interpolate
12
- /// the variable (`#{}`) to use it as a selector.
13
- ///
14
- /// @example scss
15
- /// #{$all-buttons} {
16
- /// background-color: #f00;
17
- /// }
18
- ///
19
- /// @example css
20
- /// button,
21
- /// [type='button'],
22
- /// [type='reset'],
23
- /// [type='submit'] {
24
- /// background-color: #f00;
25
- /// }
26
-
27
- $all-buttons: _assign-inputs($_buttons-list);
28
-
29
- /// A list of all HTML button elements with the `:active` pseudo-class applied.
30
- /// Please note that you must interpolate the variable (`#{}`) to use it as a
31
- /// selector.
32
- ///
33
- /// @example scss
34
- /// #{$all-buttons-active} {
35
- /// background-color: #00f;
36
- /// }
37
- ///
38
- /// @example css
39
- /// button:active,
40
- /// [type='button']:active,
41
- /// [type='reset']:active,
42
- /// [type='submit']:active {
43
- /// background-color: #00f;
44
- /// }
45
-
46
- $all-buttons-active: _assign-inputs($_buttons-list, active);
47
-
48
- /// A list of all HTML button elements with the `:focus` pseudo-class applied.
49
- /// Please note that you must interpolate the variable (`#{}`) to use it as a
50
- /// selector.
51
- ///
52
- /// @example scss
53
- /// #{$all-buttons-focus} {
54
- /// background-color: #0f0;
55
- /// }
56
- ///
57
- /// @example css
58
- /// button:focus,
59
- /// [type='button']:focus,
60
- /// [type='reset']:focus,
61
- /// [type='submit']:focus {
62
- /// background-color: #0f0;
63
- /// }
64
-
65
- $all-buttons-focus: _assign-inputs($_buttons-list, focus);
66
-
67
- /// A list of all HTML button elements with the `:hover` pseudo-class applied.
68
- /// Please note that you must interpolate the variable (`#{}`) to use it as a
69
- /// selector.
70
- ///
71
- /// @example scss
72
- /// #{$all-buttons-hover} {
73
- /// background-color: #0f0;
74
- /// }
75
- ///
76
- /// @example css
77
- /// button:hover,
78
- /// [type='button']:hover,
79
- /// [type='reset']:hover,
80
- /// [type='submit']:hover {
81
- /// background-color: #0f0;
82
- /// }
83
-
84
- $all-buttons-hover: _assign-inputs($_buttons-list, hover);