minima 1.2.0 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +25 -10
- data/_includes/footer.html +3 -1
- data/_includes/head.html +3 -5
- data/_includes/header.html +4 -6
- data/_layouts/home.html +25 -0
- data/_sass/minima.scss +7 -7
- data/_sass/minima/_base.scss +74 -74
- data/_sass/minima/_layout.scss +135 -135
- data/_sass/minima/_syntax-highlighting.scss +64 -64
- data/assets/main.scss +39 -0
- metadata +18 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 4b455f90497193670870e4ff7eea9172cec755b7
|
|
4
|
+
data.tar.gz: 874fdeabe4179acd6d20dc5841ac7ff43f32fa22
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: f5af6c4594b1abe9a218ec720bd8d7013dc924d22d4f41b2928f5ef68e1080b296ba67671e55e534f9b59291302591704e14bbc726c30aa9240b00d048c09a76
|
|
7
|
+
data.tar.gz: f53a13223352a1549a74ea6e59307a00767aa4a63252cc6e445542cf13f3b42c48ee5549a2836de8e783538175ddbf560ad81107234e2b1e9ffb929b7b6825ab
|
data/README.md
CHANGED
|
@@ -22,18 +22,31 @@ And then execute:
|
|
|
22
22
|
|
|
23
23
|
$ bundle
|
|
24
24
|
|
|
25
|
-
Then add a `css/main.scss` file based on the following template, don't forget to include the frontmatter:
|
|
26
25
|
|
|
27
|
-
|
|
28
|
-
---
|
|
29
|
-
---
|
|
26
|
+
## Usage
|
|
30
27
|
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
### Customization
|
|
29
|
+
|
|
30
|
+
To override the default structure and style of minima, simply create the concerned directory at the root of your site, copy the file you wish to customize to that directory, and then edit the file.
|
|
31
|
+
e.g., to override the [`_includes/head.html `](_includes/head.html) file to specify a custom style path, create an `_includes` directory, copy `_includes/head.html` from minima gem folder to `<yoursite>/_includes` and start editing that file.
|
|
33
32
|
|
|
34
|
-
|
|
33
|
+
The site's default CSS has now moved to a new place within the gem itself, [`assets/main.scss`](assets/main.scss). To **override the default CSS**, the file has to exist at your site source. Do either of the following:
|
|
34
|
+
- Create a new instance of `main.scss` at site source.
|
|
35
|
+
- Create a new file `main.scss` at `<your-site>/assets/`
|
|
36
|
+
- Add the frontmatter dashes, and
|
|
37
|
+
- Add `@import "minima";`, to `<your-site>/assets/main.scss`
|
|
38
|
+
- Add your custom CSS.
|
|
39
|
+
- Download the file from this repo
|
|
40
|
+
- Create a new file `main.scss` at `<your-site>/assets/`
|
|
41
|
+
- Copy the contents at [assets/main.scss](assets/main.scss) onto the `main.scss` you just created, and edit away!
|
|
42
|
+
- Copy directly from Minima 2.0 gem
|
|
43
|
+
- Go to your local minima gem installation directory ( run `bundle show minima` to get the path to it ).
|
|
44
|
+
- Copy the `assets/` folder from there into the root of `<your-site>`
|
|
45
|
+
- Change whatever values you want, inside `<your-site>/assets/main.scss`
|
|
35
46
|
|
|
36
|
-
|
|
47
|
+
--
|
|
48
|
+
|
|
49
|
+
### Enabling comments (via Disqus)
|
|
37
50
|
|
|
38
51
|
Optionally, if you have a Disqus account, you can tell Jekyll to use it to show a comments section below each post.
|
|
39
52
|
|
|
@@ -50,7 +63,9 @@ Comments are enabled by default and will only appear in production, i.e., `JEKYL
|
|
|
50
63
|
|
|
51
64
|
If you don't want to display comments for a particular post you can disable them by adding `comments: false` to that post's YAML Front Matter.
|
|
52
65
|
|
|
53
|
-
|
|
66
|
+
--
|
|
67
|
+
|
|
68
|
+
### Enabling Google Analytics
|
|
54
69
|
|
|
55
70
|
To enable Google Anaytics, add the following lines to your Jekyll site:
|
|
56
71
|
|
|
@@ -68,7 +83,7 @@ Bug reports and pull requests are welcome on GitHub at https://github.com/jekyll
|
|
|
68
83
|
|
|
69
84
|
To set up your environment to develop this theme, run `bundle install`.
|
|
70
85
|
|
|
71
|
-
To test your theme, run `bundle exec rake preview` and open your browser at `http://localhost:4000
|
|
86
|
+
To test your theme, run `bundle exec rake preview` and open your browser at `http://localhost:4000/minima/`. This starts a Jekyll server using your theme and the contents of the `example/` directory. As you make modifications to your theme and to the example site, your site will regenerate and you should see the changes in the browser after a refresh.
|
|
72
87
|
|
|
73
88
|
## License
|
|
74
89
|
|
data/_includes/footer.html
CHANGED
data/_includes/head.html
CHANGED
|
@@ -6,11 +6,9 @@
|
|
|
6
6
|
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
|
|
7
7
|
<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<link rel="
|
|
12
|
-
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: full_base_url }}">
|
|
13
|
-
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | prepend: full_base_url }}">
|
|
9
|
+
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
|
|
10
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
|
11
|
+
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
|
|
14
12
|
|
|
15
13
|
{% if jekyll.environment == 'production' and site.google_analytics %}
|
|
16
14
|
{% include google-analytics.html %}
|
data/_includes/header.html
CHANGED
|
@@ -2,23 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
<div class="wrapper">
|
|
4
4
|
|
|
5
|
-
{
|
|
6
|
-
{% assign full_base_url = site.github.url | default: custom_url %}
|
|
7
|
-
<a class="site-title" href="{{ full_base_url }}/">{{ site.title | escape }}</a>
|
|
5
|
+
<a class="site-title" href="{{ "/" | relative_url}}">{{ site.title | escape }}</a>
|
|
8
6
|
|
|
9
7
|
<nav class="site-nav">
|
|
10
|
-
<
|
|
8
|
+
<span class="menu-icon">
|
|
11
9
|
<svg viewBox="0 0 18 15" width="18px" height="15px">
|
|
12
10
|
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
|
|
13
11
|
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
|
|
14
12
|
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
|
|
15
13
|
</svg>
|
|
16
|
-
</
|
|
14
|
+
</span>
|
|
17
15
|
|
|
18
16
|
<div class="trigger">
|
|
19
17
|
{% for my_page in site.pages %}
|
|
20
18
|
{% if my_page.title %}
|
|
21
|
-
<a class="page-link" href="{{ my_page.url |
|
|
19
|
+
<a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
|
|
22
20
|
{% endif %}
|
|
23
21
|
{% endfor %}
|
|
24
22
|
</div>
|
data/_layouts/home.html
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="home">
|
|
6
|
+
|
|
7
|
+
<h1 class="page-heading">Posts</h1>
|
|
8
|
+
|
|
9
|
+
{{ content }}
|
|
10
|
+
|
|
11
|
+
<ul class="post-list">
|
|
12
|
+
{% for post in site.posts %}
|
|
13
|
+
<li>
|
|
14
|
+
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
|
|
15
|
+
|
|
16
|
+
<h2>
|
|
17
|
+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
|
|
18
|
+
</h2>
|
|
19
|
+
</li>
|
|
20
|
+
{% endfor %}
|
|
21
|
+
</ul>
|
|
22
|
+
|
|
23
|
+
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
|
|
24
|
+
|
|
25
|
+
</div>
|
data/_sass/minima.scss
CHANGED
|
@@ -24,15 +24,15 @@ $on-laptop: 800px !default;
|
|
|
24
24
|
|
|
25
25
|
// Use media queries like this:
|
|
26
26
|
// @include media-query($on-palm) {
|
|
27
|
-
//
|
|
28
|
-
//
|
|
29
|
-
//
|
|
30
|
-
//
|
|
27
|
+
// .wrapper {
|
|
28
|
+
// padding-right: $spacing-unit / 2;
|
|
29
|
+
// padding-left: $spacing-unit / 2;
|
|
30
|
+
// }
|
|
31
31
|
// }
|
|
32
32
|
@mixin media-query($device) {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
@media screen and (max-width: $device) {
|
|
34
|
+
@content;
|
|
35
|
+
}
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
// Import partials.
|
data/_sass/minima/_base.scss
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
body, h1, h2, h3, h4, h5, h6,
|
|
5
5
|
p, blockquote, pre, hr,
|
|
6
6
|
dl, dd, ol, ul, figure {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
margin: 0;
|
|
8
|
+
padding: 0;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
|
|
@@ -14,15 +14,15 @@ dl, dd, ol, ul, figure {
|
|
|
14
14
|
* Basic styling
|
|
15
15
|
*/
|
|
16
16
|
body {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
17
|
+
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
|
|
18
|
+
color: $text-color;
|
|
19
|
+
background-color: $background-color;
|
|
20
|
+
-webkit-text-size-adjust: 100%;
|
|
21
|
+
-webkit-font-feature-settings: "kern" 1;
|
|
22
|
+
-moz-font-feature-settings: "kern" 1;
|
|
23
|
+
-o-font-feature-settings: "kern" 1;
|
|
24
|
+
font-feature-settings: "kern" 1;
|
|
25
|
+
font-kerning: normal;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
|
|
@@ -34,7 +34,7 @@ h1, h2, h3, h4, h5, h6,
|
|
|
34
34
|
p, blockquote, pre,
|
|
35
35
|
ul, ol, dl, figure,
|
|
36
36
|
%vertical-rhythm {
|
|
37
|
-
|
|
37
|
+
margin-bottom: $spacing-unit / 2;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
|
|
@@ -43,8 +43,8 @@ ul, ol, dl, figure,
|
|
|
43
43
|
* Images
|
|
44
44
|
*/
|
|
45
45
|
img {
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
max-width: 100%;
|
|
47
|
+
vertical-align: middle;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
|
|
@@ -53,11 +53,11 @@ img {
|
|
|
53
53
|
* Figures
|
|
54
54
|
*/
|
|
55
55
|
figure > img {
|
|
56
|
-
|
|
56
|
+
display: block;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
figcaption {
|
|
60
|
-
|
|
60
|
+
font-size: $small-font-size;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
|
|
@@ -66,14 +66,14 @@ figcaption {
|
|
|
66
66
|
* Lists
|
|
67
67
|
*/
|
|
68
68
|
ul, ol {
|
|
69
|
-
|
|
69
|
+
margin-left: $spacing-unit;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
li {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
73
|
+
> ul,
|
|
74
|
+
> ol {
|
|
75
|
+
margin-bottom: 0;
|
|
76
|
+
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
|
|
@@ -82,7 +82,7 @@ li {
|
|
|
82
82
|
* Headings
|
|
83
83
|
*/
|
|
84
84
|
h1, h2, h3, h4, h5, h6 {
|
|
85
|
-
|
|
85
|
+
font-weight: $base-font-weight;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
|
|
@@ -91,17 +91,17 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
91
91
|
* Links
|
|
92
92
|
*/
|
|
93
93
|
a {
|
|
94
|
-
|
|
95
|
-
|
|
94
|
+
color: $brand-color;
|
|
95
|
+
text-decoration: none;
|
|
96
96
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
97
|
+
&:visited {
|
|
98
|
+
color: darken($brand-color, 15%);
|
|
99
|
+
}
|
|
100
100
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
101
|
+
&:hover {
|
|
102
|
+
color: $text-color;
|
|
103
|
+
text-decoration: underline;
|
|
104
|
+
}
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
|
|
@@ -110,16 +110,16 @@ a {
|
|
|
110
110
|
* Blockquotes
|
|
111
111
|
*/
|
|
112
112
|
blockquote {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
113
|
+
color: $grey-color;
|
|
114
|
+
border-left: 4px solid $grey-color-light;
|
|
115
|
+
padding-left: $spacing-unit / 2;
|
|
116
|
+
font-size: 18px;
|
|
117
|
+
letter-spacing: -1px;
|
|
118
|
+
font-style: italic;
|
|
119
119
|
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
120
|
+
> :last-child {
|
|
121
|
+
margin-bottom: 0;
|
|
122
|
+
}
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
|
|
@@ -129,25 +129,25 @@ blockquote {
|
|
|
129
129
|
*/
|
|
130
130
|
pre,
|
|
131
131
|
code {
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
132
|
+
font-size: 15px;
|
|
133
|
+
border: 1px solid $grey-color-light;
|
|
134
|
+
border-radius: 3px;
|
|
135
|
+
background-color: #eef;
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
code {
|
|
139
|
-
|
|
139
|
+
padding: 1px 5px;
|
|
140
140
|
}
|
|
141
141
|
|
|
142
142
|
pre {
|
|
143
|
-
|
|
144
|
-
|
|
143
|
+
padding: 8px 12px;
|
|
144
|
+
overflow-x: auto;
|
|
145
145
|
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
146
|
+
> code {
|
|
147
|
+
border: 0;
|
|
148
|
+
padding-right: 0;
|
|
149
|
+
padding-left: 0;
|
|
150
|
+
}
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
|
|
@@ -156,20 +156,20 @@ pre {
|
|
|
156
156
|
* Wrapper
|
|
157
157
|
*/
|
|
158
158
|
.wrapper {
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
159
|
+
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
|
|
160
|
+
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
|
|
161
|
+
margin-right: auto;
|
|
162
|
+
margin-left: auto;
|
|
163
|
+
padding-right: $spacing-unit;
|
|
164
|
+
padding-left: $spacing-unit;
|
|
165
|
+
@extend %clearfix;
|
|
166
|
+
|
|
167
|
+
@include media-query($on-laptop) {
|
|
168
|
+
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
|
|
169
|
+
max-width: calc(#{$content-width} - (#{$spacing-unit}));
|
|
170
|
+
padding-right: $spacing-unit / 2;
|
|
171
|
+
padding-left: $spacing-unit / 2;
|
|
172
|
+
}
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
|
|
@@ -178,9 +178,9 @@ pre {
|
|
|
178
178
|
* Clearfix
|
|
179
179
|
*/
|
|
180
180
|
%clearfix:after {
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
181
|
+
content: "";
|
|
182
|
+
display: table;
|
|
183
|
+
clear: both;
|
|
184
184
|
}
|
|
185
185
|
|
|
186
186
|
|
|
@@ -189,10 +189,10 @@ pre {
|
|
|
189
189
|
* Icons
|
|
190
190
|
*/
|
|
191
191
|
.icon > svg {
|
|
192
|
-
|
|
193
|
-
|
|
192
|
+
display: inline-block;
|
|
193
|
+
vertical-align: middle;
|
|
194
194
|
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
195
|
+
path {
|
|
196
|
+
fill: $grey-color;
|
|
197
|
+
}
|
|
198
198
|
}
|
data/_sass/minima/_layout.scss
CHANGED
|
@@ -2,89 +2,89 @@
|
|
|
2
2
|
* Site header
|
|
3
3
|
*/
|
|
4
4
|
.site-header {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
border-top: 5px solid $grey-color-dark;
|
|
6
|
+
border-bottom: 1px solid $grey-color-light;
|
|
7
|
+
min-height: 56px;
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
// Positioning context for the mobile navigation icon
|
|
10
|
+
position: relative;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.site-title {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
14
|
+
font-size: 26px;
|
|
15
|
+
font-weight: 300;
|
|
16
|
+
line-height: 56px;
|
|
17
|
+
letter-spacing: -1px;
|
|
18
|
+
margin-bottom: 0;
|
|
19
|
+
float: left;
|
|
20
|
+
|
|
21
|
+
&,
|
|
22
|
+
&:visited {
|
|
23
|
+
color: $grey-color-dark;
|
|
24
|
+
}
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.site-nav {
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
float: right;
|
|
29
|
+
line-height: 56px;
|
|
30
|
+
|
|
31
|
+
.menu-icon {
|
|
32
|
+
display: none;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.page-link {
|
|
36
|
+
color: $text-color;
|
|
37
|
+
line-height: $base-line-height;
|
|
38
|
+
|
|
39
|
+
// Gaps between nav items, but not on the last one
|
|
40
|
+
&:not(:last-child) {
|
|
41
|
+
margin-right: 20px;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
@include media-query($on-palm) {
|
|
46
|
+
position: absolute;
|
|
47
|
+
top: 9px;
|
|
48
|
+
right: $spacing-unit / 2;
|
|
49
|
+
background-color: $background-color;
|
|
50
|
+
border: 1px solid $grey-color-light;
|
|
51
|
+
border-radius: 5px;
|
|
52
|
+
text-align: right;
|
|
30
53
|
|
|
31
54
|
.menu-icon {
|
|
32
|
-
|
|
55
|
+
display: block;
|
|
56
|
+
float: right;
|
|
57
|
+
width: 36px;
|
|
58
|
+
height: 26px;
|
|
59
|
+
line-height: 0;
|
|
60
|
+
padding-top: 10px;
|
|
61
|
+
text-align: center;
|
|
62
|
+
|
|
63
|
+
> svg path {
|
|
64
|
+
fill: $grey-color-dark;
|
|
65
|
+
}
|
|
33
66
|
}
|
|
34
67
|
|
|
35
|
-
.
|
|
36
|
-
|
|
37
|
-
|
|
68
|
+
.trigger {
|
|
69
|
+
clear: both;
|
|
70
|
+
display: none;
|
|
71
|
+
}
|
|
38
72
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
73
|
+
&:hover .trigger {
|
|
74
|
+
display: block;
|
|
75
|
+
padding-bottom: 5px;
|
|
43
76
|
}
|
|
44
77
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
.menu-icon {
|
|
55
|
-
display: block;
|
|
56
|
-
float: right;
|
|
57
|
-
width: 36px;
|
|
58
|
-
height: 26px;
|
|
59
|
-
line-height: 0;
|
|
60
|
-
padding-top: 10px;
|
|
61
|
-
text-align: center;
|
|
62
|
-
|
|
63
|
-
> svg path {
|
|
64
|
-
fill: $grey-color-dark;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.trigger {
|
|
69
|
-
clear: both;
|
|
70
|
-
display: none;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
&:hover .trigger {
|
|
74
|
-
display: block;
|
|
75
|
-
padding-bottom: 5px;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.page-link {
|
|
79
|
-
display: block;
|
|
80
|
-
padding: 5px 10px;
|
|
81
|
-
|
|
82
|
-
&:not(:last-child) {
|
|
83
|
-
margin-right: 0;
|
|
84
|
-
}
|
|
85
|
-
margin-left: 20px;
|
|
86
|
-
}
|
|
78
|
+
.page-link {
|
|
79
|
+
display: block;
|
|
80
|
+
padding: 5px 10px;
|
|
81
|
+
|
|
82
|
+
&:not(:last-child) {
|
|
83
|
+
margin-right: 0;
|
|
84
|
+
}
|
|
85
|
+
margin-left: 20px;
|
|
87
86
|
}
|
|
87
|
+
}
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
|
|
@@ -93,68 +93,68 @@
|
|
|
93
93
|
* Site footer
|
|
94
94
|
*/
|
|
95
95
|
.site-footer {
|
|
96
|
-
|
|
97
|
-
|
|
96
|
+
border-top: 1px solid $grey-color-light;
|
|
97
|
+
padding: $spacing-unit 0;
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
.footer-heading {
|
|
101
|
-
|
|
102
|
-
|
|
101
|
+
font-size: 18px;
|
|
102
|
+
margin-bottom: $spacing-unit / 2;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
.contact-list,
|
|
106
106
|
.social-media-list {
|
|
107
|
-
|
|
108
|
-
|
|
107
|
+
list-style: none;
|
|
108
|
+
margin-left: 0;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
.footer-col-wrapper {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
112
|
+
font-size: 15px;
|
|
113
|
+
color: $grey-color;
|
|
114
|
+
margin-left: -$spacing-unit / 2;
|
|
115
|
+
@extend %clearfix;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.footer-col {
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
119
|
+
float: left;
|
|
120
|
+
margin-bottom: $spacing-unit / 2;
|
|
121
|
+
padding-left: $spacing-unit / 2;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
.footer-col-1 {
|
|
125
|
-
|
|
126
|
-
|
|
125
|
+
width: -webkit-calc(35% - (#{$spacing-unit} / 2));
|
|
126
|
+
width: calc(35% - (#{$spacing-unit} / 2));
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.footer-col-2 {
|
|
130
|
-
|
|
131
|
-
|
|
130
|
+
width: -webkit-calc(20% - (#{$spacing-unit} / 2));
|
|
131
|
+
width: calc(20% - (#{$spacing-unit} / 2));
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
.footer-col-3 {
|
|
135
|
-
|
|
136
|
-
|
|
135
|
+
width: -webkit-calc(45% - (#{$spacing-unit} / 2));
|
|
136
|
+
width: calc(45% - (#{$spacing-unit} / 2));
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
@include media-query($on-laptop) {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
140
|
+
.footer-col-1,
|
|
141
|
+
.footer-col-2 {
|
|
142
|
+
width: -webkit-calc(50% - (#{$spacing-unit} / 2));
|
|
143
|
+
width: calc(50% - (#{$spacing-unit} / 2));
|
|
144
|
+
}
|
|
145
145
|
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
146
|
+
.footer-col-3 {
|
|
147
|
+
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
|
148
|
+
width: calc(100% - (#{$spacing-unit} / 2));
|
|
149
|
+
}
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
@include media-query($on-palm) {
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
153
|
+
.footer-col {
|
|
154
|
+
float: none;
|
|
155
|
+
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
|
156
|
+
width: calc(100% - (#{$spacing-unit} / 2));
|
|
157
|
+
}
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
|
|
@@ -163,30 +163,30 @@
|
|
|
163
163
|
* Page content
|
|
164
164
|
*/
|
|
165
165
|
.page-content {
|
|
166
|
-
|
|
166
|
+
padding: $spacing-unit 0;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
.page-heading {
|
|
170
|
-
|
|
170
|
+
font-size: 20px;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.post-list {
|
|
174
|
-
|
|
175
|
-
|
|
174
|
+
margin-left: 0;
|
|
175
|
+
list-style: none;
|
|
176
176
|
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
177
|
+
> li {
|
|
178
|
+
margin-bottom: $spacing-unit;
|
|
179
|
+
}
|
|
180
180
|
}
|
|
181
181
|
|
|
182
182
|
.post-meta {
|
|
183
|
-
|
|
184
|
-
|
|
183
|
+
font-size: $small-font-size;
|
|
184
|
+
color: $grey-color;
|
|
185
185
|
}
|
|
186
186
|
|
|
187
187
|
.post-link {
|
|
188
|
-
|
|
189
|
-
|
|
188
|
+
display: block;
|
|
189
|
+
font-size: 24px;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
192
|
|
|
@@ -195,43 +195,43 @@
|
|
|
195
195
|
* Posts
|
|
196
196
|
*/
|
|
197
197
|
.post-header {
|
|
198
|
-
|
|
198
|
+
margin-bottom: $spacing-unit;
|
|
199
199
|
}
|
|
200
200
|
|
|
201
201
|
.post-title {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
202
|
+
font-size: 42px;
|
|
203
|
+
letter-spacing: -1px;
|
|
204
|
+
line-height: 1;
|
|
205
205
|
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
206
|
+
@include media-query($on-laptop) {
|
|
207
|
+
font-size: 36px;
|
|
208
|
+
}
|
|
209
209
|
}
|
|
210
210
|
|
|
211
211
|
.post-content {
|
|
212
|
-
|
|
212
|
+
margin-bottom: $spacing-unit;
|
|
213
213
|
|
|
214
|
-
|
|
215
|
-
|
|
214
|
+
h2 {
|
|
215
|
+
font-size: 32px;
|
|
216
216
|
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
}
|
|
217
|
+
@include media-query($on-laptop) {
|
|
218
|
+
font-size: 28px;
|
|
220
219
|
}
|
|
220
|
+
}
|
|
221
221
|
|
|
222
|
-
|
|
223
|
-
|
|
222
|
+
h3 {
|
|
223
|
+
font-size: 26px;
|
|
224
224
|
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
}
|
|
225
|
+
@include media-query($on-laptop) {
|
|
226
|
+
font-size: 22px;
|
|
228
227
|
}
|
|
228
|
+
}
|
|
229
229
|
|
|
230
|
-
|
|
231
|
-
|
|
230
|
+
h4 {
|
|
231
|
+
font-size: 20px;
|
|
232
232
|
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
}
|
|
233
|
+
@include media-query($on-laptop) {
|
|
234
|
+
font-size: 18px;
|
|
236
235
|
}
|
|
236
|
+
}
|
|
237
237
|
}
|
|
@@ -2,70 +2,70 @@
|
|
|
2
2
|
* Syntax highlighting styles
|
|
3
3
|
*/
|
|
4
4
|
.highlight {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
background: #fff;
|
|
6
|
+
@extend %vertical-rhythm;
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
.highlighter-rouge & {
|
|
9
|
+
background: #eef;
|
|
10
|
+
}
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
12
|
+
.c { color: #998; font-style: italic } // Comment
|
|
13
|
+
.err { color: #a61717; background-color: #e3d2d2 } // Error
|
|
14
|
+
.k { font-weight: bold } // Keyword
|
|
15
|
+
.o { font-weight: bold } // Operator
|
|
16
|
+
.cm { color: #998; font-style: italic } // Comment.Multiline
|
|
17
|
+
.cp { color: #999; font-weight: bold } // Comment.Preproc
|
|
18
|
+
.c1 { color: #998; font-style: italic } // Comment.Single
|
|
19
|
+
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
|
|
20
|
+
.gd { color: #000; background-color: #fdd } // Generic.Deleted
|
|
21
|
+
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
|
|
22
|
+
.ge { font-style: italic } // Generic.Emph
|
|
23
|
+
.gr { color: #a00 } // Generic.Error
|
|
24
|
+
.gh { color: #999 } // Generic.Heading
|
|
25
|
+
.gi { color: #000; background-color: #dfd } // Generic.Inserted
|
|
26
|
+
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
|
|
27
|
+
.go { color: #888 } // Generic.Output
|
|
28
|
+
.gp { color: #555 } // Generic.Prompt
|
|
29
|
+
.gs { font-weight: bold } // Generic.Strong
|
|
30
|
+
.gu { color: #aaa } // Generic.Subheading
|
|
31
|
+
.gt { color: #a00 } // Generic.Traceback
|
|
32
|
+
.kc { font-weight: bold } // Keyword.Constant
|
|
33
|
+
.kd { font-weight: bold } // Keyword.Declaration
|
|
34
|
+
.kp { font-weight: bold } // Keyword.Pseudo
|
|
35
|
+
.kr { font-weight: bold } // Keyword.Reserved
|
|
36
|
+
.kt { color: #458; font-weight: bold } // Keyword.Type
|
|
37
|
+
.m { color: #099 } // Literal.Number
|
|
38
|
+
.s { color: #d14 } // Literal.String
|
|
39
|
+
.na { color: #008080 } // Name.Attribute
|
|
40
|
+
.nb { color: #0086B3 } // Name.Builtin
|
|
41
|
+
.nc { color: #458; font-weight: bold } // Name.Class
|
|
42
|
+
.no { color: #008080 } // Name.Constant
|
|
43
|
+
.ni { color: #800080 } // Name.Entity
|
|
44
|
+
.ne { color: #900; font-weight: bold } // Name.Exception
|
|
45
|
+
.nf { color: #900; font-weight: bold } // Name.Function
|
|
46
|
+
.nn { color: #555 } // Name.Namespace
|
|
47
|
+
.nt { color: #000080 } // Name.Tag
|
|
48
|
+
.nv { color: #008080 } // Name.Variable
|
|
49
|
+
.ow { font-weight: bold } // Operator.Word
|
|
50
|
+
.w { color: #bbb } // Text.Whitespace
|
|
51
|
+
.mf { color: #099 } // Literal.Number.Float
|
|
52
|
+
.mh { color: #099 } // Literal.Number.Hex
|
|
53
|
+
.mi { color: #099 } // Literal.Number.Integer
|
|
54
|
+
.mo { color: #099 } // Literal.Number.Oct
|
|
55
|
+
.sb { color: #d14 } // Literal.String.Backtick
|
|
56
|
+
.sc { color: #d14 } // Literal.String.Char
|
|
57
|
+
.sd { color: #d14 } // Literal.String.Doc
|
|
58
|
+
.s2 { color: #d14 } // Literal.String.Double
|
|
59
|
+
.se { color: #d14 } // Literal.String.Escape
|
|
60
|
+
.sh { color: #d14 } // Literal.String.Heredoc
|
|
61
|
+
.si { color: #d14 } // Literal.String.Interpol
|
|
62
|
+
.sx { color: #d14 } // Literal.String.Other
|
|
63
|
+
.sr { color: #009926 } // Literal.String.Regex
|
|
64
|
+
.s1 { color: #d14 } // Literal.String.Single
|
|
65
|
+
.ss { color: #990073 } // Literal.String.Symbol
|
|
66
|
+
.bp { color: #999 } // Name.Builtin.Pseudo
|
|
67
|
+
.vc { color: #008080 } // Name.Variable.Class
|
|
68
|
+
.vg { color: #008080 } // Name.Variable.Global
|
|
69
|
+
.vi { color: #008080 } // Name.Variable.Instance
|
|
70
|
+
.il { color: #099 } // Literal.Number.Integer.Long
|
|
71
71
|
}
|
data/assets/main.scss
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
---
|
|
2
|
+
# Only the main Sass file needs front matter (the dashes are enough)
|
|
3
|
+
---
|
|
4
|
+
@charset "utf-8";
|
|
5
|
+
|
|
6
|
+
// Our variables
|
|
7
|
+
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
8
|
+
$base-font-size: 16px;
|
|
9
|
+
$base-font-weight: 400;
|
|
10
|
+
$small-font-size: $base-font-size * 0.875;
|
|
11
|
+
$base-line-height: 1.5;
|
|
12
|
+
|
|
13
|
+
$spacing-unit: 30px;
|
|
14
|
+
|
|
15
|
+
$text-color: #111;
|
|
16
|
+
$background-color: #fdfdfd;
|
|
17
|
+
$brand-color: #2a7ae2;
|
|
18
|
+
|
|
19
|
+
$grey-color: #828282;
|
|
20
|
+
$grey-color-light: lighten($grey-color, 40%);
|
|
21
|
+
$grey-color-dark: darken($grey-color, 25%);
|
|
22
|
+
|
|
23
|
+
// Width of the content area
|
|
24
|
+
$content-width: 800px;
|
|
25
|
+
|
|
26
|
+
$on-palm: 600px;
|
|
27
|
+
$on-laptop: 800px;
|
|
28
|
+
|
|
29
|
+
// Minima also includes a mixin for defining media queries.
|
|
30
|
+
// Use media queries like this:
|
|
31
|
+
// @include media-query($on-palm) {
|
|
32
|
+
// .wrapper {
|
|
33
|
+
// padding-right: $spacing-unit / 2;
|
|
34
|
+
// padding-left: $spacing-unit / 2;
|
|
35
|
+
// }
|
|
36
|
+
// }
|
|
37
|
+
|
|
38
|
+
// Import partials from the `minima` theme.
|
|
39
|
+
@import "minima";
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: minima
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: 2.0.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Joel Glovier
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-
|
|
11
|
+
date: 2016-10-06 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -71,18 +71,33 @@ files:
|
|
|
71
71
|
- _includes/icon-twitter.html
|
|
72
72
|
- _includes/icon-twitter.svg
|
|
73
73
|
- _layouts/default.html
|
|
74
|
+
- _layouts/home.html
|
|
74
75
|
- _layouts/page.html
|
|
75
76
|
- _layouts/post.html
|
|
76
77
|
- _sass/minima.scss
|
|
77
78
|
- _sass/minima/_base.scss
|
|
78
79
|
- _sass/minima/_layout.scss
|
|
79
80
|
- _sass/minima/_syntax-highlighting.scss
|
|
81
|
+
- assets/main.scss
|
|
80
82
|
homepage: https://github.com/jekyll/minima
|
|
81
83
|
licenses:
|
|
82
84
|
- MIT
|
|
83
85
|
metadata:
|
|
84
86
|
plugin_type: theme
|
|
85
|
-
post_install_message:
|
|
87
|
+
post_install_message: |2+
|
|
88
|
+
|
|
89
|
+
----------------------------------------------
|
|
90
|
+
Thank you for installing minima 2.0!
|
|
91
|
+
|
|
92
|
+
Minima 2.0 comes with a breaking change that
|
|
93
|
+
renders '<your-site>/css/main.scss' redundant.
|
|
94
|
+
That file is now bundled with this gem as
|
|
95
|
+
'<minima>/assets/main.scss'.
|
|
96
|
+
|
|
97
|
+
More Information:
|
|
98
|
+
https://github.com/jekyll/minima#customization
|
|
99
|
+
----------------------------------------------
|
|
100
|
+
|
|
86
101
|
rdoc_options: []
|
|
87
102
|
require_paths:
|
|
88
103
|
- lib
|