minimal-jekyll-theme 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +1 -0
  3. data/LICENSE.txt +5 -0
  4. data/README.md +54 -0
  5. data/_includes/author_bio.html +39 -0
  6. data/_includes/category_tag_list.html +20 -0
  7. data/_includes/disqus_comments.html +17 -0
  8. data/_includes/figure +12 -0
  9. data/_includes/footer.html +20 -0
  10. data/_includes/head.html +46 -0
  11. data/_includes/header.html +38 -0
  12. data/_includes/navigation.html +26 -0
  13. data/_includes/newsletter.html +19 -0
  14. data/_includes/post_meta.html +49 -0
  15. data/_includes/read_time.html +18 -0
  16. data/_includes/share_icons.html +30 -0
  17. data/_includes/sidebar.html +17 -0
  18. data/_includes/video +3 -0
  19. data/_layouts/default.html +17 -0
  20. data/_layouts/home.html +40 -0
  21. data/_layouts/page.html +25 -0
  22. data/_layouts/post.html +50 -0
  23. data/_sass/_custom.scss +137 -0
  24. data/_sass/_tachyons.scss +94 -0
  25. data/_sass/_variables.scss +38 -0
  26. data/_sass/scss/_aspect-ratios.scss +142 -0
  27. data/_sass/scss/_background-position.scss +133 -0
  28. data/_sass/scss/_background-size.scss +41 -0
  29. data/_sass/scss/_border-colors.scss +93 -0
  30. data/_sass/scss/_border-radius.scss +134 -0
  31. data/_sass/scss/_border-style.scss +55 -0
  32. data/_sass/scss/_border-widths.scss +81 -0
  33. data/_sass/scss/_borders.scss +65 -0
  34. data/_sass/scss/_box-shadow.scss +48 -0
  35. data/_sass/scss/_box-sizing.scss +50 -0
  36. data/_sass/scss/_clears.scss +47 -0
  37. data/_sass/scss/_code.scss +18 -0
  38. data/_sass/scss/_colors.scss +84 -0
  39. data/_sass/scss/_coordinates.scss +153 -0
  40. data/_sass/scss/_debug-children.scss +21 -0
  41. data/_sass/scss/_debug-grid.scss +33 -0
  42. data/_sass/scss/_debug.scss +127 -0
  43. data/_sass/scss/_debug_children.scss +18 -0
  44. data/_sass/scss/_display.scss +111 -0
  45. data/_sass/scss/_flexbox.scss +229 -0
  46. data/_sass/scss/_floats.scss +56 -0
  47. data/_sass/scss/_font-family.scss +107 -0
  48. data/_sass/scss/_font-style.scss +36 -0
  49. data/_sass/scss/_font-weight.scss +87 -0
  50. data/_sass/scss/_forms.scss +23 -0
  51. data/_sass/scss/_gradients.scss +29 -0
  52. data/_sass/scss/_heights.scss +131 -0
  53. data/_sass/scss/_hovers.scss +166 -0
  54. data/_sass/scss/_images.scss +18 -0
  55. data/_sass/scss/_letter-spacing.scss +40 -0
  56. data/_sass/scss/_line-height.scss +41 -0
  57. data/_sass/scss/_links.scss +34 -0
  58. data/_sass/scss/_lists.scss +15 -0
  59. data/_sass/scss/_max-widths.scss +105 -0
  60. data/_sass/scss/_media-queries.scss +43 -0
  61. data/_sass/scss/_module-template.scss +29 -0
  62. data/_sass/scss/_negative-margins.scss +206 -0
  63. data/_sass/scss/_nested.scss +64 -0
  64. data/_sass/scss/_normalize.scss +434 -0
  65. data/_sass/scss/_opacity.scss +27 -0
  66. data/_sass/scss/_outlines.scss +39 -0
  67. data/_sass/scss/_overflow.scss +82 -0
  68. data/_sass/scss/_position.scss +44 -0
  69. data/_sass/scss/_rotations.scss +50 -0
  70. data/_sass/scss/_skins-pseudo.scss +243 -0
  71. data/_sass/scss/_skins.scss +143 -0
  72. data/_sass/scss/_spacing.scss +956 -0
  73. data/_sass/scss/_styles.scss +15 -0
  74. data/_sass/scss/_tables.scss +42 -0
  75. data/_sass/scss/_text-align.scss +49 -0
  76. data/_sass/scss/_text-decoration.scss +42 -0
  77. data/_sass/scss/_text-transform.scss +53 -0
  78. data/_sass/scss/_type-scale.scss +102 -0
  79. data/_sass/scss/_typography.scss +129 -0
  80. data/_sass/scss/_utilities.scss +48 -0
  81. data/_sass/scss/_vertical-align.scss +43 -0
  82. data/_sass/scss/_visibility.scss +58 -0
  83. data/_sass/scss/_white-space.scss +41 -0
  84. data/_sass/scss/_widths.scss +150 -0
  85. data/_sass/scss/_word-break.scss +43 -0
  86. data/_sass/scss/_z-index.scss +60 -0
  87. data/assets/css/minimal.scss +20 -0
  88. metadata +91 -5
@@ -0,0 +1,43 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ VERTICAL ALIGN
11
+
12
+ Media Query Extensions:
13
+ -ns = not-small
14
+ -m = medium
15
+ -l = large
16
+
17
+ */
18
+
19
+ .v-base { vertical-align: baseline; }
20
+ .v-mid { vertical-align: middle; }
21
+ .v-top { vertical-align: top; }
22
+ .v-btm { vertical-align: bottom; }
23
+
24
+ @media #{$breakpoint-not-small} {
25
+ .v-base-ns { vertical-align: baseline; }
26
+ .v-mid-ns { vertical-align: middle; }
27
+ .v-top-ns { vertical-align: top; }
28
+ .v-btm-ns { vertical-align: bottom; }
29
+ }
30
+
31
+ @media #{$breakpoint-medium} {
32
+ .v-base-m { vertical-align: baseline; }
33
+ .v-mid-m { vertical-align: middle; }
34
+ .v-top-m { vertical-align: top; }
35
+ .v-btm-m { vertical-align: bottom; }
36
+ }
37
+
38
+ @media #{$breakpoint-large} {
39
+ .v-base-l { vertical-align: baseline; }
40
+ .v-mid-l { vertical-align: middle; }
41
+ .v-top-l { vertical-align: top; }
42
+ .v-btm-l { vertical-align: bottom; }
43
+ }
@@ -0,0 +1,58 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ VISIBILITY
11
+
12
+ Media Query Extensions:
13
+ -ns = not-small
14
+ -m = medium
15
+ -l = large
16
+
17
+ */
18
+
19
+
20
+ /*
21
+ Text that is hidden but accessible
22
+ Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
23
+ */
24
+
25
+ .clip {
26
+ position: fixed !important;
27
+ _position: absolute !important;
28
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
29
+ clip: rect(1px, 1px, 1px, 1px);
30
+ }
31
+
32
+ @media #{$breakpoint-not-small} {
33
+ .clip-ns {
34
+ position: fixed !important;
35
+ _position: absolute !important;
36
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
37
+ clip: rect(1px, 1px, 1px, 1px);
38
+ }
39
+ }
40
+
41
+ @media #{$breakpoint-medium} {
42
+ .clip-m {
43
+ position: fixed !important;
44
+ _position: absolute !important;
45
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
46
+ clip: rect(1px, 1px, 1px, 1px);
47
+ }
48
+ }
49
+
50
+ @media #{$breakpoint-large} {
51
+ .clip-l {
52
+ position: fixed !important;
53
+ _position: absolute !important;
54
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
55
+ clip: rect(1px, 1px, 1px, 1px);
56
+ }
57
+ }
58
+
@@ -0,0 +1,41 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ WHITE SPACE
11
+
12
+ Media Query Extensions:
13
+ -ns = not-small
14
+ -m = medium
15
+ -l = large
16
+
17
+ */
18
+
19
+
20
+ .ws-normal { white-space: normal; }
21
+ .nowrap { white-space: nowrap; }
22
+ .pre { white-space: pre; }
23
+
24
+ @media #{$breakpoint-not-small} {
25
+ .ws-normal-ns { white-space: normal; }
26
+ .nowrap-ns { white-space: nowrap; }
27
+ .pre-ns { white-space: pre; }
28
+ }
29
+
30
+ @media #{$breakpoint-medium} {
31
+ .ws-normal-m { white-space: normal; }
32
+ .nowrap-m { white-space: nowrap; }
33
+ .pre-m { white-space: pre; }
34
+ }
35
+
36
+ @media #{$breakpoint-large} {
37
+ .ws-normal-l { white-space: normal; }
38
+ .nowrap-l { white-space: nowrap; }
39
+ .pre-l { white-space: pre; }
40
+ }
41
+
@@ -0,0 +1,150 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ WIDTHS
11
+ Docs: http://tachyons.io/docs/layout/widths/
12
+
13
+ Base:
14
+ w = width
15
+
16
+ Modifiers
17
+ 1 = 1st step in width scale
18
+ 2 = 2nd step in width scale
19
+ 3 = 3rd step in width scale
20
+ 4 = 4th step in width scale
21
+ 5 = 5th step in width scale
22
+
23
+ -10 = literal value 10%
24
+ -20 = literal value 20%
25
+ -25 = literal value 25%
26
+ -30 = literal value 30%
27
+ -33 = literal value 33%
28
+ -34 = literal value 34%
29
+ -40 = literal value 40%
30
+ -50 = literal value 50%
31
+ -60 = literal value 60%
32
+ -70 = literal value 70%
33
+ -75 = literal value 75%
34
+ -80 = literal value 80%
35
+ -90 = literal value 90%
36
+ -100 = literal value 100%
37
+
38
+ -third = 100% / 3 (Not supported in opera mini or IE8)
39
+ -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
40
+ -auto = string value auto
41
+
42
+
43
+ Media Query Extensions:
44
+ -ns = not-small
45
+ -m = medium
46
+ -l = large
47
+
48
+ */
49
+
50
+ /* Width Scale */
51
+
52
+ .w1 { width: 1rem; }
53
+ .w2 { width: 2rem; }
54
+ .w3 { width: 4rem; }
55
+ .w4 { width: 8rem; }
56
+ .w5 { width: 16rem; }
57
+
58
+ .w-10 { width: 10%; }
59
+ .w-20 { width: 20%; }
60
+ .w-25 { width: 25%; }
61
+ .w-30 { width: 30%; }
62
+ .w-33 { width: 33%; }
63
+ .w-34 { width: 34%; }
64
+ .w-40 { width: 40%; }
65
+ .w-50 { width: 50%; }
66
+ .w-60 { width: 60%; }
67
+ .w-70 { width: 70%; }
68
+ .w-75 { width: 75%; }
69
+ .w-80 { width: 80%; }
70
+ .w-90 { width: 90%; }
71
+ .w-100 { width: 100%; }
72
+
73
+ .w-third { width: (100% / 3); }
74
+ .w-two-thirds { width: (100% / 1.5); }
75
+ .w-auto { width: auto; }
76
+
77
+ @media #{$breakpoint-not-small} {
78
+ .w1-ns { width: 1rem; }
79
+ .w2-ns { width: 2rem; }
80
+ .w3-ns { width: 4rem; }
81
+ .w4-ns { width: 8rem; }
82
+ .w5-ns { width: 16rem; }
83
+ .w-10-ns { width: 10%; }
84
+ .w-20-ns { width: 20%; }
85
+ .w-25-ns { width: 25%; }
86
+ .w-30-ns { width: 30%; }
87
+ .w-33-ns { width: 33%; }
88
+ .w-34-ns { width: 34%; }
89
+ .w-40-ns { width: 40%; }
90
+ .w-50-ns { width: 50%; }
91
+ .w-60-ns { width: 60%; }
92
+ .w-70-ns { width: 70%; }
93
+ .w-75-ns { width: 75%; }
94
+ .w-80-ns { width: 80%; }
95
+ .w-90-ns { width: 90%; }
96
+ .w-100-ns { width: 100%; }
97
+ .w-third-ns { width: (100% / 3); }
98
+ .w-two-thirds-ns { width: (100% / 1.5); }
99
+ .w-auto-ns { width: auto; }
100
+ }
101
+
102
+ @media #{$breakpoint-medium} {
103
+ .w1-m { width: 1rem; }
104
+ .w2-m { width: 2rem; }
105
+ .w3-m { width: 4rem; }
106
+ .w4-m { width: 8rem; }
107
+ .w5-m { width: 16rem; }
108
+ .w-10-m { width: 10%; }
109
+ .w-20-m { width: 20%; }
110
+ .w-25-m { width: 25%; }
111
+ .w-30-m { width: 30%; }
112
+ .w-33-m { width: 33%; }
113
+ .w-34-m { width: 34%; }
114
+ .w-40-m { width: 40%; }
115
+ .w-50-m { width: 50%; }
116
+ .w-60-m { width: 60%; }
117
+ .w-70-m { width: 70%; }
118
+ .w-75-m { width: 75%; }
119
+ .w-80-m { width: 80%; }
120
+ .w-90-m { width: 90%; }
121
+ .w-100-m { width: 100%; }
122
+ .w-third-m { width: (100% / 3); }
123
+ .w-two-thirds-m { width: (100% / 1.5); }
124
+ .w-auto-m { width: auto; }
125
+ }
126
+
127
+ @media #{$breakpoint-large} {
128
+ .w1-l { width: 1rem; }
129
+ .w2-l { width: 2rem; }
130
+ .w3-l { width: 4rem; }
131
+ .w4-l { width: 8rem; }
132
+ .w5-l { width: 16rem; }
133
+ .w-10-l { width: 10%; }
134
+ .w-20-l { width: 20%; }
135
+ .w-25-l { width: 25%; }
136
+ .w-30-l { width: 30%; }
137
+ .w-33-l { width: 33%; }
138
+ .w-34-l { width: 34%; }
139
+ .w-40-l { width: 40%; }
140
+ .w-50-l { width: 50%; }
141
+ .w-60-l { width: 60%; }
142
+ .w-70-l { width: 70%; }
143
+ .w-75-l { width: 75%; }
144
+ .w-80-l { width: 80%; }
145
+ .w-90-l { width: 90%; }
146
+ .w-100-l { width: 100%; }
147
+ .w-third-l { width: (100% / 3); }
148
+ .w-two-thirds-l { width: (100% / 1.5); }
149
+ .w-auto-l { width: auto; }
150
+ }
@@ -0,0 +1,43 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ WORD BREAK
11
+
12
+ Base:
13
+ word = word-break
14
+
15
+ Media Query Extensions:
16
+ -ns = not-small
17
+ -m = medium
18
+ -l = large
19
+
20
+ */
21
+
22
+ .word-normal { word-break: normal; }
23
+ .word-wrap { word-break: break-all; }
24
+ .word-nowrap { word-break: keep-all; }
25
+
26
+ @media #{$breakpoint-not-small} {
27
+ .word-normal-ns { word-break: normal; }
28
+ .word-wrap-ns { word-break: break-all; }
29
+ .word-nowrap-ns { word-break: keep-all; }
30
+ }
31
+
32
+ @media #{$breakpoint-medium} {
33
+ .word-normal-m { word-break: normal; }
34
+ .word-wrap-m { word-break: break-all; }
35
+ .word-nowrap-m { word-break: keep-all; }
36
+ }
37
+
38
+ @media #{$breakpoint-large} {
39
+ .word-normal-l { word-break: normal; }
40
+ .word-wrap-l { word-break: break-all; }
41
+ .word-nowrap-l { word-break: keep-all; }
42
+ }
43
+
@@ -0,0 +1,60 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ Z-INDEX
11
+
12
+ Base
13
+ z = z-index
14
+
15
+ Modifiers
16
+ -0 = literal value 0
17
+ -1 = literal value 1
18
+ -2 = literal value 2
19
+ -3 = literal value 3
20
+ -4 = literal value 4
21
+ -5 = literal value 5
22
+ -999 = literal value 999
23
+ -9999 = literal value 9999
24
+
25
+ -max = largest accepted z-index value as integer
26
+
27
+ -inherit = string value inherit
28
+ -initial = string value initial
29
+ -unset = string value unset
30
+
31
+ MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
32
+ Spec: http://www.w3.org/TR/CSS2/zindex.html
33
+ Articles:
34
+ https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
35
+
36
+ Tips on extending:
37
+ There might be a time worth using negative z-index values.
38
+ Or if you are using tachyons with another project, you might need to
39
+ adjust these values to suit your needs.
40
+
41
+ */
42
+
43
+ .z-0 { z-index: 0; }
44
+ .z-1 { z-index: 1; }
45
+ .z-2 { z-index: 2; }
46
+ .z-3 { z-index: 3; }
47
+ .z-4 { z-index: 4; }
48
+ .z-5 { z-index: 5; }
49
+
50
+ .z-999 { z-index: 999; }
51
+ .z-9999 { z-index: 9999; }
52
+
53
+ .z-max {
54
+ z-index: 2147483647;
55
+ }
56
+
57
+ .z-inherit { z-index: inherit; }
58
+ .z-initial { z-index: initial; }
59
+ .z-unset { z-index: unset; }
60
+
@@ -0,0 +1,20 @@
1
+ ---
2
+ ---
3
+ @charset "UTF-8";
4
+
5
+ /*
6
+ * Minimal Jekyll Theme
7
+ *
8
+ * - Desired Persona
9
+ * - desiredpersona.com
10
+ * - https://twitter.com/desiredpersona
11
+ *
12
+ */
13
+
14
+ // Tachyons Css Toolkit
15
+ @import "_tachyons";
16
+
17
+ // Theme
18
+ @import "_variables";
19
+ @import "_custom";
20
+
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: minimal-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Desired Persona
8
8
  autorequire:
9
- bindir: exe
9
+ bindir: bin
10
10
  cert_chain: []
11
- date: 2017-06-14 00:00:00.000000000 Z
11
+ date: 2017-06-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -85,7 +85,93 @@ email:
85
85
  executables: []
86
86
  extensions: []
87
87
  extra_rdoc_files: []
88
- files: []
88
+ files:
89
+ - CHANGELOG.md
90
+ - LICENSE.txt
91
+ - README.md
92
+ - _includes/author_bio.html
93
+ - _includes/category_tag_list.html
94
+ - _includes/disqus_comments.html
95
+ - _includes/figure
96
+ - _includes/footer.html
97
+ - _includes/head.html
98
+ - _includes/header.html
99
+ - _includes/navigation.html
100
+ - _includes/newsletter.html
101
+ - _includes/post_meta.html
102
+ - _includes/read_time.html
103
+ - _includes/share_icons.html
104
+ - _includes/sidebar.html
105
+ - _includes/video
106
+ - _layouts/default.html
107
+ - _layouts/home.html
108
+ - _layouts/page.html
109
+ - _layouts/post.html
110
+ - _sass/_custom.scss
111
+ - _sass/_tachyons.scss
112
+ - _sass/_variables.scss
113
+ - _sass/scss/_aspect-ratios.scss
114
+ - _sass/scss/_background-position.scss
115
+ - _sass/scss/_background-size.scss
116
+ - _sass/scss/_border-colors.scss
117
+ - _sass/scss/_border-radius.scss
118
+ - _sass/scss/_border-style.scss
119
+ - _sass/scss/_border-widths.scss
120
+ - _sass/scss/_borders.scss
121
+ - _sass/scss/_box-shadow.scss
122
+ - _sass/scss/_box-sizing.scss
123
+ - _sass/scss/_clears.scss
124
+ - _sass/scss/_code.scss
125
+ - _sass/scss/_colors.scss
126
+ - _sass/scss/_coordinates.scss
127
+ - _sass/scss/_debug-children.scss
128
+ - _sass/scss/_debug-grid.scss
129
+ - _sass/scss/_debug.scss
130
+ - _sass/scss/_debug_children.scss
131
+ - _sass/scss/_display.scss
132
+ - _sass/scss/_flexbox.scss
133
+ - _sass/scss/_floats.scss
134
+ - _sass/scss/_font-family.scss
135
+ - _sass/scss/_font-style.scss
136
+ - _sass/scss/_font-weight.scss
137
+ - _sass/scss/_forms.scss
138
+ - _sass/scss/_gradients.scss
139
+ - _sass/scss/_heights.scss
140
+ - _sass/scss/_hovers.scss
141
+ - _sass/scss/_images.scss
142
+ - _sass/scss/_letter-spacing.scss
143
+ - _sass/scss/_line-height.scss
144
+ - _sass/scss/_links.scss
145
+ - _sass/scss/_lists.scss
146
+ - _sass/scss/_max-widths.scss
147
+ - _sass/scss/_media-queries.scss
148
+ - _sass/scss/_module-template.scss
149
+ - _sass/scss/_negative-margins.scss
150
+ - _sass/scss/_nested.scss
151
+ - _sass/scss/_normalize.scss
152
+ - _sass/scss/_opacity.scss
153
+ - _sass/scss/_outlines.scss
154
+ - _sass/scss/_overflow.scss
155
+ - _sass/scss/_position.scss
156
+ - _sass/scss/_rotations.scss
157
+ - _sass/scss/_skins-pseudo.scss
158
+ - _sass/scss/_skins.scss
159
+ - _sass/scss/_spacing.scss
160
+ - _sass/scss/_styles.scss
161
+ - _sass/scss/_tables.scss
162
+ - _sass/scss/_text-align.scss
163
+ - _sass/scss/_text-decoration.scss
164
+ - _sass/scss/_text-transform.scss
165
+ - _sass/scss/_type-scale.scss
166
+ - _sass/scss/_typography.scss
167
+ - _sass/scss/_utilities.scss
168
+ - _sass/scss/_vertical-align.scss
169
+ - _sass/scss/_visibility.scss
170
+ - _sass/scss/_white-space.scss
171
+ - _sass/scss/_widths.scss
172
+ - _sass/scss/_word-break.scss
173
+ - _sass/scss/_z-index.scss
174
+ - assets/css/minimal.scss
89
175
  homepage: https://desiredpersona.com/themes/
90
176
  licenses:
91
177
  - CC-BY-4.0
@@ -110,5 +196,5 @@ rubyforge_project:
110
196
  rubygems_version: 2.6.8
111
197
  signing_key:
112
198
  specification_version: 4
113
- summary: A minimal Jekyll (gem-based) theme built with Tachyons.
199
+ summary: A minimal Jekyll theme that converts! Built with Tachyons CSS.
114
200
  test_files: []