minimal-jekyll-theme 0.1.1 → 0.1.2
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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +1 -0
- data/LICENSE.txt +5 -0
- data/README.md +54 -0
- data/_includes/author_bio.html +39 -0
- data/_includes/category_tag_list.html +20 -0
- data/_includes/disqus_comments.html +17 -0
- data/_includes/figure +12 -0
- data/_includes/footer.html +20 -0
- data/_includes/head.html +46 -0
- data/_includes/header.html +38 -0
- data/_includes/navigation.html +26 -0
- data/_includes/newsletter.html +19 -0
- data/_includes/post_meta.html +49 -0
- data/_includes/read_time.html +18 -0
- data/_includes/share_icons.html +30 -0
- data/_includes/sidebar.html +17 -0
- data/_includes/video +3 -0
- data/_layouts/default.html +17 -0
- data/_layouts/home.html +40 -0
- data/_layouts/page.html +25 -0
- data/_layouts/post.html +50 -0
- data/_sass/_custom.scss +137 -0
- data/_sass/_tachyons.scss +94 -0
- data/_sass/_variables.scss +38 -0
- data/_sass/scss/_aspect-ratios.scss +142 -0
- data/_sass/scss/_background-position.scss +133 -0
- data/_sass/scss/_background-size.scss +41 -0
- data/_sass/scss/_border-colors.scss +93 -0
- data/_sass/scss/_border-radius.scss +134 -0
- data/_sass/scss/_border-style.scss +55 -0
- data/_sass/scss/_border-widths.scss +81 -0
- data/_sass/scss/_borders.scss +65 -0
- data/_sass/scss/_box-shadow.scss +48 -0
- data/_sass/scss/_box-sizing.scss +50 -0
- data/_sass/scss/_clears.scss +47 -0
- data/_sass/scss/_code.scss +18 -0
- data/_sass/scss/_colors.scss +84 -0
- data/_sass/scss/_coordinates.scss +153 -0
- data/_sass/scss/_debug-children.scss +21 -0
- data/_sass/scss/_debug-grid.scss +33 -0
- data/_sass/scss/_debug.scss +127 -0
- data/_sass/scss/_debug_children.scss +18 -0
- data/_sass/scss/_display.scss +111 -0
- data/_sass/scss/_flexbox.scss +229 -0
- data/_sass/scss/_floats.scss +56 -0
- data/_sass/scss/_font-family.scss +107 -0
- data/_sass/scss/_font-style.scss +36 -0
- data/_sass/scss/_font-weight.scss +87 -0
- data/_sass/scss/_forms.scss +23 -0
- data/_sass/scss/_gradients.scss +29 -0
- data/_sass/scss/_heights.scss +131 -0
- data/_sass/scss/_hovers.scss +166 -0
- data/_sass/scss/_images.scss +18 -0
- data/_sass/scss/_letter-spacing.scss +40 -0
- data/_sass/scss/_line-height.scss +41 -0
- data/_sass/scss/_links.scss +34 -0
- data/_sass/scss/_lists.scss +15 -0
- data/_sass/scss/_max-widths.scss +105 -0
- data/_sass/scss/_media-queries.scss +43 -0
- data/_sass/scss/_module-template.scss +29 -0
- data/_sass/scss/_negative-margins.scss +206 -0
- data/_sass/scss/_nested.scss +64 -0
- data/_sass/scss/_normalize.scss +434 -0
- data/_sass/scss/_opacity.scss +27 -0
- data/_sass/scss/_outlines.scss +39 -0
- data/_sass/scss/_overflow.scss +82 -0
- data/_sass/scss/_position.scss +44 -0
- data/_sass/scss/_rotations.scss +50 -0
- data/_sass/scss/_skins-pseudo.scss +243 -0
- data/_sass/scss/_skins.scss +143 -0
- data/_sass/scss/_spacing.scss +956 -0
- data/_sass/scss/_styles.scss +15 -0
- data/_sass/scss/_tables.scss +42 -0
- data/_sass/scss/_text-align.scss +49 -0
- data/_sass/scss/_text-decoration.scss +42 -0
- data/_sass/scss/_text-transform.scss +53 -0
- data/_sass/scss/_type-scale.scss +102 -0
- data/_sass/scss/_typography.scss +129 -0
- data/_sass/scss/_utilities.scss +48 -0
- data/_sass/scss/_vertical-align.scss +43 -0
- data/_sass/scss/_visibility.scss +58 -0
- data/_sass/scss/_white-space.scss +41 -0
- data/_sass/scss/_widths.scss +150 -0
- data/_sass/scss/_word-break.scss +43 -0
- data/_sass/scss/_z-index.scss +60 -0
- data/assets/css/minimal.scss +20 -0
- metadata +91 -5
@@ -0,0 +1,56 @@
|
|
1
|
+
|
2
|
+
// Converted Variables
|
3
|
+
|
4
|
+
|
5
|
+
// Custom Media Query Variables
|
6
|
+
|
7
|
+
|
8
|
+
/*
|
9
|
+
|
10
|
+
FLOATS
|
11
|
+
http://tachyons.io/docs/layout/floats/
|
12
|
+
|
13
|
+
1. Floated elements are automatically rendered as block level elements.
|
14
|
+
Setting floats to display inline will fix the double margin bug in
|
15
|
+
ie6. You know... just in case.
|
16
|
+
|
17
|
+
2. Don't forget to clearfix your floats with .cf
|
18
|
+
|
19
|
+
Base:
|
20
|
+
f = float
|
21
|
+
|
22
|
+
Modifiers:
|
23
|
+
l = left
|
24
|
+
r = right
|
25
|
+
n = none
|
26
|
+
|
27
|
+
Media Query Extensions:
|
28
|
+
-ns = not-small
|
29
|
+
-m = medium
|
30
|
+
-l = large
|
31
|
+
|
32
|
+
*/
|
33
|
+
|
34
|
+
|
35
|
+
|
36
|
+
.fl { float: left; _display: inline; }
|
37
|
+
.fr { float: right; _display: inline; }
|
38
|
+
.fn { float: none; }
|
39
|
+
|
40
|
+
@media #{$breakpoint-not-small} {
|
41
|
+
.fl-ns { float: left; _display: inline; }
|
42
|
+
.fr-ns { float: right; _display: inline; }
|
43
|
+
.fn-ns { float: none; }
|
44
|
+
}
|
45
|
+
|
46
|
+
@media #{$breakpoint-medium} {
|
47
|
+
.fl-m { float: left; _display: inline; }
|
48
|
+
.fr-m { float: right; _display: inline; }
|
49
|
+
.fn-m { float: none; }
|
50
|
+
}
|
51
|
+
|
52
|
+
@media #{$breakpoint-large} {
|
53
|
+
.fl-l { float: left; _display: inline; }
|
54
|
+
.fr-l { float: right; _display: inline; }
|
55
|
+
.fn-l { float: none; }
|
56
|
+
}
|
@@ -0,0 +1,107 @@
|
|
1
|
+
|
2
|
+
// Converted Variables
|
3
|
+
|
4
|
+
|
5
|
+
// Custom Media Query Variables
|
6
|
+
|
7
|
+
|
8
|
+
/*
|
9
|
+
|
10
|
+
FONT FAMILY GROUPS
|
11
|
+
Docs: http://tachyons.io/docs/typography/font-family/
|
12
|
+
|
13
|
+
*/
|
14
|
+
|
15
|
+
|
16
|
+
.sans-serif {
|
17
|
+
font-family: -apple-system, BlinkMacSystemFont,
|
18
|
+
'avenir next', avenir,
|
19
|
+
'helvetica neue', helvetica,
|
20
|
+
ubuntu,
|
21
|
+
roboto, noto,
|
22
|
+
'segoe ui', arial,
|
23
|
+
sans-serif;
|
24
|
+
}
|
25
|
+
|
26
|
+
.serif {
|
27
|
+
font-family: georgia,
|
28
|
+
times,
|
29
|
+
serif;
|
30
|
+
}
|
31
|
+
|
32
|
+
.system-sans-serif {
|
33
|
+
font-family: sans-serif;
|
34
|
+
}
|
35
|
+
|
36
|
+
.system-serif {
|
37
|
+
font-family: serif;
|
38
|
+
}
|
39
|
+
|
40
|
+
|
41
|
+
/* Monospaced Typefaces (for code) */
|
42
|
+
|
43
|
+
/* From http://cssfontstack.com */
|
44
|
+
code, .code {
|
45
|
+
font-family: Consolas,
|
46
|
+
monaco,
|
47
|
+
monospace;
|
48
|
+
}
|
49
|
+
|
50
|
+
.courier {
|
51
|
+
font-family: 'Courier Next',
|
52
|
+
courier,
|
53
|
+
monospace;
|
54
|
+
}
|
55
|
+
|
56
|
+
|
57
|
+
/* Sans-Serif Typefaces */
|
58
|
+
|
59
|
+
.helvetica {
|
60
|
+
font-family: 'helvetica neue', helvetica,
|
61
|
+
sans-serif;
|
62
|
+
}
|
63
|
+
|
64
|
+
.avenir {
|
65
|
+
font-family: 'avenir next', avenir,
|
66
|
+
sans-serif;
|
67
|
+
}
|
68
|
+
|
69
|
+
|
70
|
+
/* Serif Typefaces */
|
71
|
+
|
72
|
+
.athelas {
|
73
|
+
font-family: athelas,
|
74
|
+
georgia,
|
75
|
+
serif;
|
76
|
+
}
|
77
|
+
|
78
|
+
.georgia {
|
79
|
+
font-family: georgia,
|
80
|
+
serif;
|
81
|
+
}
|
82
|
+
|
83
|
+
.times {
|
84
|
+
font-family: times,
|
85
|
+
serif;
|
86
|
+
}
|
87
|
+
|
88
|
+
.bodoni {
|
89
|
+
font-family: "Bodoni MT",
|
90
|
+
serif;
|
91
|
+
}
|
92
|
+
|
93
|
+
.calisto {
|
94
|
+
font-family: "Calisto MT",
|
95
|
+
serif;
|
96
|
+
}
|
97
|
+
|
98
|
+
.garamond {
|
99
|
+
font-family: garamond,
|
100
|
+
serif;
|
101
|
+
}
|
102
|
+
|
103
|
+
.baskerville {
|
104
|
+
font-family: baskerville,
|
105
|
+
serif;
|
106
|
+
}
|
107
|
+
|
@@ -0,0 +1,36 @@
|
|
1
|
+
|
2
|
+
// Converted Variables
|
3
|
+
|
4
|
+
|
5
|
+
// Custom Media Query Variables
|
6
|
+
|
7
|
+
|
8
|
+
/*
|
9
|
+
|
10
|
+
FONT STYLE
|
11
|
+
Docs: http://tachyons.io/docs/typography/font-style/
|
12
|
+
|
13
|
+
Media Query Extensions:
|
14
|
+
-ns = not-small
|
15
|
+
-m = medium
|
16
|
+
-l = large
|
17
|
+
|
18
|
+
*/
|
19
|
+
|
20
|
+
.i { font-style: italic; }
|
21
|
+
.fs-normal { font-style: normal; }
|
22
|
+
|
23
|
+
@media #{$breakpoint-not-small} {
|
24
|
+
.i-ns { font-style: italic; }
|
25
|
+
.fs-normal-ns { font-style: normal; }
|
26
|
+
}
|
27
|
+
|
28
|
+
@media #{$breakpoint-medium} {
|
29
|
+
.i-m { font-style: italic; }
|
30
|
+
.fs-normal-m { font-style: normal; }
|
31
|
+
}
|
32
|
+
|
33
|
+
@media #{$breakpoint-large} {
|
34
|
+
.i-l { font-style: italic; }
|
35
|
+
.fs-normal-l { font-style: normal; }
|
36
|
+
}
|
@@ -0,0 +1,87 @@
|
|
1
|
+
|
2
|
+
// Converted Variables
|
3
|
+
|
4
|
+
|
5
|
+
// Custom Media Query Variables
|
6
|
+
|
7
|
+
|
8
|
+
/*
|
9
|
+
|
10
|
+
FONT WEIGHT
|
11
|
+
Docs: http://tachyons.io/docs/typography/font-weight/
|
12
|
+
|
13
|
+
Base
|
14
|
+
fw = font-weight
|
15
|
+
|
16
|
+
Modifiers:
|
17
|
+
1 = literal value 100
|
18
|
+
2 = literal value 200
|
19
|
+
3 = literal value 300
|
20
|
+
4 = literal value 400
|
21
|
+
5 = literal value 500
|
22
|
+
6 = literal value 600
|
23
|
+
7 = literal value 700
|
24
|
+
8 = literal value 800
|
25
|
+
9 = literal value 900
|
26
|
+
|
27
|
+
Media Query Extensions:
|
28
|
+
-ns = not-small
|
29
|
+
-m = medium
|
30
|
+
-l = large
|
31
|
+
|
32
|
+
*/
|
33
|
+
|
34
|
+
.normal { font-weight: normal; }
|
35
|
+
.b { font-weight: bold; }
|
36
|
+
.fw1 { font-weight: 100; }
|
37
|
+
.fw2 { font-weight: 200; }
|
38
|
+
.fw3 { font-weight: 300; }
|
39
|
+
.fw4 { font-weight: 400; }
|
40
|
+
.fw5 { font-weight: 500; }
|
41
|
+
.fw6 { font-weight: 600; }
|
42
|
+
.fw7 { font-weight: 700; }
|
43
|
+
.fw8 { font-weight: 800; }
|
44
|
+
.fw9 { font-weight: 900; }
|
45
|
+
|
46
|
+
|
47
|
+
@media #{$breakpoint-not-small} {
|
48
|
+
.normal-ns { font-weight: normal; }
|
49
|
+
.b-ns { font-weight: bold; }
|
50
|
+
.fw1-ns { font-weight: 100; }
|
51
|
+
.fw2-ns { font-weight: 200; }
|
52
|
+
.fw3-ns { font-weight: 300; }
|
53
|
+
.fw4-ns { font-weight: 400; }
|
54
|
+
.fw5-ns { font-weight: 500; }
|
55
|
+
.fw6-ns { font-weight: 600; }
|
56
|
+
.fw7-ns { font-weight: 700; }
|
57
|
+
.fw8-ns { font-weight: 800; }
|
58
|
+
.fw9-ns { font-weight: 900; }
|
59
|
+
}
|
60
|
+
|
61
|
+
@media #{$breakpoint-medium} {
|
62
|
+
.normal-m { font-weight: normal; }
|
63
|
+
.b-m { font-weight: bold; }
|
64
|
+
.fw1-m { font-weight: 100; }
|
65
|
+
.fw2-m { font-weight: 200; }
|
66
|
+
.fw3-m { font-weight: 300; }
|
67
|
+
.fw4-m { font-weight: 400; }
|
68
|
+
.fw5-m { font-weight: 500; }
|
69
|
+
.fw6-m { font-weight: 600; }
|
70
|
+
.fw7-m { font-weight: 700; }
|
71
|
+
.fw8-m { font-weight: 800; }
|
72
|
+
.fw9-m { font-weight: 900; }
|
73
|
+
}
|
74
|
+
|
75
|
+
@media #{$breakpoint-large} {
|
76
|
+
.normal-l { font-weight: normal; }
|
77
|
+
.b-l { font-weight: bold; }
|
78
|
+
.fw1-l { font-weight: 100; }
|
79
|
+
.fw2-l { font-weight: 200; }
|
80
|
+
.fw3-l { font-weight: 300; }
|
81
|
+
.fw4-l { font-weight: 400; }
|
82
|
+
.fw5-l { font-weight: 500; }
|
83
|
+
.fw6-l { font-weight: 600; }
|
84
|
+
.fw7-l { font-weight: 700; }
|
85
|
+
.fw8-l { font-weight: 800; }
|
86
|
+
.fw9-l { font-weight: 900; }
|
87
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
|
2
|
+
// Converted Variables
|
3
|
+
|
4
|
+
|
5
|
+
// Custom Media Query Variables
|
6
|
+
|
7
|
+
|
8
|
+
/*
|
9
|
+
|
10
|
+
FORMS
|
11
|
+
|
12
|
+
*/
|
13
|
+
|
14
|
+
.input-reset {
|
15
|
+
-webkit-appearance: none;
|
16
|
+
-moz-appearance: none;
|
17
|
+
}
|
18
|
+
|
19
|
+
.button-reset::-moz-focus-inner,
|
20
|
+
.input-reset::-moz-focus-inner {
|
21
|
+
border: 0;
|
22
|
+
padding: 0;
|
23
|
+
}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
|
2
|
+
// Converted Variables
|
3
|
+
|
4
|
+
|
5
|
+
// Custom Media Query Variables
|
6
|
+
|
7
|
+
|
8
|
+
/*
|
9
|
+
|
10
|
+
GRADIENTS
|
11
|
+
|
12
|
+
|
13
|
+
*/
|
14
|
+
|
15
|
+
.gradient-blue {
|
16
|
+
background-image: linear-gradient(#4570B0, #0081C2);
|
17
|
+
}
|
18
|
+
|
19
|
+
.gradient-blue-reversed {
|
20
|
+
background-image: linear-gradient(#0081C2, #4570B0);
|
21
|
+
}
|
22
|
+
|
23
|
+
.gradient-light-blue {
|
24
|
+
background-image: linear-gradient(#76D3FE, #008AE0);
|
25
|
+
}
|
26
|
+
|
27
|
+
.gradient-light-blue-reversed {
|
28
|
+
background-image: linear-gradient(#008AE0, #76D3FE);
|
29
|
+
}
|
@@ -0,0 +1,131 @@
|
|
1
|
+
|
2
|
+
// Converted Variables
|
3
|
+
|
4
|
+
|
5
|
+
// Custom Media Query Variables
|
6
|
+
|
7
|
+
|
8
|
+
/*
|
9
|
+
|
10
|
+
HEIGHTS
|
11
|
+
Docs: http://tachyons.io/docs/layout/heights/
|
12
|
+
|
13
|
+
Base:
|
14
|
+
h = height
|
15
|
+
min-h = min-height
|
16
|
+
min-vh = min-height vertical screen height
|
17
|
+
vh = vertical screen height
|
18
|
+
|
19
|
+
Modifiers
|
20
|
+
1 = 1st step in height scale
|
21
|
+
2 = 2nd step in height scale
|
22
|
+
3 = 3rd step in height scale
|
23
|
+
4 = 4th step in height scale
|
24
|
+
5 = 5th step in height scale
|
25
|
+
|
26
|
+
-25 = literal value 25%
|
27
|
+
-50 = literal value 50%
|
28
|
+
-75 = literal value 75%
|
29
|
+
-100 = literal value 100%
|
30
|
+
|
31
|
+
-auto = string value of auto
|
32
|
+
-inherit = string value of inherit
|
33
|
+
|
34
|
+
Media Query Extensions:
|
35
|
+
-ns = not-small
|
36
|
+
-m = medium
|
37
|
+
-l = large
|
38
|
+
|
39
|
+
*/
|
40
|
+
|
41
|
+
/* Height Scale */
|
42
|
+
|
43
|
+
.h1 { height: 1rem; }
|
44
|
+
.h2 { height: 2rem; }
|
45
|
+
.h3 { height: 4rem; }
|
46
|
+
.h4 { height: 8rem; }
|
47
|
+
.h5 { height: 16rem; }
|
48
|
+
|
49
|
+
/* Height Percentages - Based off of height of parent */
|
50
|
+
|
51
|
+
.h-25 { height: 25%; }
|
52
|
+
.h-50 { height: 50%; }
|
53
|
+
.h-75 { height: 75%; }
|
54
|
+
.h-100 { height: 100%; }
|
55
|
+
|
56
|
+
.min-h-100 { min-height: 100%; }
|
57
|
+
|
58
|
+
/* Screen Height Percentage */
|
59
|
+
|
60
|
+
.vh-25 { height: 25vh; }
|
61
|
+
.vh-50 { height: 50vh; }
|
62
|
+
.vh-75 { height: 75vh; }
|
63
|
+
.vh-100 { height: 100vh; }
|
64
|
+
|
65
|
+
.min-vh-100 { min-height: 100vh; }
|
66
|
+
|
67
|
+
|
68
|
+
/* String Properties */
|
69
|
+
|
70
|
+
.h-auto { height: auto; }
|
71
|
+
.h-inherit { height: inherit; }
|
72
|
+
|
73
|
+
@media #{$breakpoint-not-small} {
|
74
|
+
.h1-ns { height: 1rem; }
|
75
|
+
.h2-ns { height: 2rem; }
|
76
|
+
.h3-ns { height: 4rem; }
|
77
|
+
.h4-ns { height: 8rem; }
|
78
|
+
.h5-ns { height: 16rem; }
|
79
|
+
.h-25-ns { height: 25%; }
|
80
|
+
.h-50-ns { height: 50%; }
|
81
|
+
.h-75-ns { height: 75%; }
|
82
|
+
.h-100-ns { height: 100%; }
|
83
|
+
.min-h-100-ns { min-height: 100%; }
|
84
|
+
.vh-25-ns { height: 25vh; }
|
85
|
+
.vh-50-ns { height: 50vh; }
|
86
|
+
.vh-75-ns { height: 75vh; }
|
87
|
+
.vh-100-ns { height: 100vh; }
|
88
|
+
.min-vh-100-ns { min-height: 100vh; }
|
89
|
+
.h-auto-ns { height: auto; }
|
90
|
+
.h-inherit-ns { height: inherit; }
|
91
|
+
}
|
92
|
+
|
93
|
+
@media #{$breakpoint-medium} {
|
94
|
+
.h1-m { height: 1rem; }
|
95
|
+
.h2-m { height: 2rem; }
|
96
|
+
.h3-m { height: 4rem; }
|
97
|
+
.h4-m { height: 8rem; }
|
98
|
+
.h5-m { height: 16rem; }
|
99
|
+
.h-25-m { height: 25%; }
|
100
|
+
.h-50-m { height: 50%; }
|
101
|
+
.h-75-m { height: 75%; }
|
102
|
+
.h-100-m { height: 100%; }
|
103
|
+
.min-h-100-m { min-height: 100%; }
|
104
|
+
.vh-25-m { height: 25vh; }
|
105
|
+
.vh-50-m { height: 50vh; }
|
106
|
+
.vh-75-m { height: 75vh; }
|
107
|
+
.vh-100-m { height: 100vh; }
|
108
|
+
.min-vh-100-m { min-height: 100vh; }
|
109
|
+
.h-auto-m { height: auto; }
|
110
|
+
.h-inherit-m { height: inherit; }
|
111
|
+
}
|
112
|
+
|
113
|
+
@media #{$breakpoint-large} {
|
114
|
+
.h1-l { height: 1rem; }
|
115
|
+
.h2-l { height: 2rem; }
|
116
|
+
.h3-l { height: 4rem; }
|
117
|
+
.h4-l { height: 8rem; }
|
118
|
+
.h5-l { height: 16rem; }
|
119
|
+
.h-25-l { height: 25%; }
|
120
|
+
.h-50-l { height: 50%; }
|
121
|
+
.h-75-l { height: 75%; }
|
122
|
+
.h-100-l { height: 100%; }
|
123
|
+
.min-h-100-l { min-height: 100%; }
|
124
|
+
.vh-25-l { height: 25vh; }
|
125
|
+
.vh-50-l { height: 50vh; }
|
126
|
+
.vh-75-l { height: 75vh; }
|
127
|
+
.vh-100-l { height: 100vh; }
|
128
|
+
.min-vh-100-l { min-height: 100vh; }
|
129
|
+
.h-auto-l { height: auto; }
|
130
|
+
.h-inherit-l { height: inherit; }
|
131
|
+
}
|