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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: c07111ee1193e41414a39d93e7a51dee47014321
4
- data.tar.gz: 103dc32887694df546fec333de8d69494a3ff4e5
3
+ metadata.gz: 4b455f90497193670870e4ff7eea9172cec755b7
4
+ data.tar.gz: 874fdeabe4179acd6d20dc5841ac7ff43f32fa22
5
5
  SHA512:
6
- metadata.gz: 727bb238600e84f42d652246ba627b99c712f1789781a0cd02b4cc3c9f99d7c410d5744c056be43dc3146b5fc32483372024632ce85190cb0853a38b39acf2f4
7
- data.tar.gz: faccad399a3129e69b4364a4796323953ba38c6bf13cfb531300972db6d469418c51fdd8327ef0af1a403c1efc0374f5b6f8835d6e09b6bb2ba64603a0c7694d
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
- ```css
28
- ---
29
- ---
26
+ ## Usage
30
27
 
31
- @import "minima";
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
- You can choose to override the [`_includes/head.html `](_includes/head.html) file to specify a custom style path.
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
- ## Enabling comments (via Disqus)
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
- ## Enabling Google Analytics
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`. 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.
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
 
@@ -14,7 +14,9 @@
14
14
  {{ site.title | escape }}
15
15
  {% endif %}
16
16
  </li>
17
- <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
17
+ {% if site.email %}
18
+ <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
19
+ {% endif %}
18
20
  </ul>
19
21
  </div>
20
22
 
@@ -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
- {% assign custom_url = site.url | append: site.baseurl %}
10
- {% assign full_base_url = custom_url | default: site.github.url %}
11
- <link rel="stylesheet" href="{{ "/css/main.css" | prepend: full_base_url }}">
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 %}
@@ -2,23 +2,21 @@
2
2
 
3
3
  <div class="wrapper">
4
4
 
5
- {% assign custom_url = site.url | append: site.baseurl %}
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
- <a href="#" class="menu-icon">
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
- </a>
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 | prepend: full_base_url }}">{{ my_page.title | escape }}</a>
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>
@@ -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>
@@ -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
- // .wrapper {
28
- // padding-right: $spacing-unit / 2;
29
- // padding-left: $spacing-unit / 2;
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
- @media screen and (max-width: $device) {
34
- @content;
35
- }
33
+ @media screen and (max-width: $device) {
34
+ @content;
35
+ }
36
36
  }
37
37
 
38
38
  // Import partials.
@@ -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
- margin: 0;
8
- padding: 0;
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
- 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;
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
- margin-bottom: $spacing-unit / 2;
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
- max-width: 100%;
47
- vertical-align: middle;
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
- display: block;
56
+ display: block;
57
57
  }
58
58
 
59
59
  figcaption {
60
- font-size: $small-font-size;
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
- margin-left: $spacing-unit;
69
+ margin-left: $spacing-unit;
70
70
  }
71
71
 
72
72
  li {
73
- > ul,
74
- > ol {
75
- margin-bottom: 0;
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
- font-weight: $base-font-weight;
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
- color: $brand-color;
95
- text-decoration: none;
94
+ color: $brand-color;
95
+ text-decoration: none;
96
96
 
97
- &:visited {
98
- color: darken($brand-color, 15%);
99
- }
97
+ &:visited {
98
+ color: darken($brand-color, 15%);
99
+ }
100
100
 
101
- &:hover {
102
- color: $text-color;
103
- text-decoration: underline;
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
- 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;
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
- > :last-child {
121
- margin-bottom: 0;
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
- font-size: 15px;
133
- border: 1px solid $grey-color-light;
134
- border-radius: 3px;
135
- background-color: #eef;
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
- padding: 1px 5px;
139
+ padding: 1px 5px;
140
140
  }
141
141
 
142
142
  pre {
143
- padding: 8px 12px;
144
- overflow-x: auto;
143
+ padding: 8px 12px;
144
+ overflow-x: auto;
145
145
 
146
- > code {
147
- border: 0;
148
- padding-right: 0;
149
- padding-left: 0;
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
- 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
- }
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
- content: "";
182
- display: table;
183
- clear: both;
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
- display: inline-block;
193
- vertical-align: middle;
192
+ display: inline-block;
193
+ vertical-align: middle;
194
194
 
195
- path {
196
- fill: $grey-color;
197
- }
195
+ path {
196
+ fill: $grey-color;
197
+ }
198
198
  }
@@ -2,89 +2,89 @@
2
2
  * Site header
3
3
  */
4
4
  .site-header {
5
- border-top: 5px solid $grey-color-dark;
6
- border-bottom: 1px solid $grey-color-light;
7
- min-height: 56px;
5
+ border-top: 5px solid $grey-color-dark;
6
+ border-bottom: 1px solid $grey-color-light;
7
+ min-height: 56px;
8
8
 
9
- // Positioning context for the mobile navigation icon
10
- position: relative;
9
+ // Positioning context for the mobile navigation icon
10
+ position: relative;
11
11
  }
12
12
 
13
13
  .site-title {
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
- }
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
- float: right;
29
- line-height: 56px;
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
- display: none;
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
- .page-link {
36
- color: $text-color;
37
- line-height: $base-line-height;
68
+ .trigger {
69
+ clear: both;
70
+ display: none;
71
+ }
38
72
 
39
- // Gaps between nav items, but not on the last one
40
- &:not(:last-child) {
41
- margin-right: 20px;
42
- }
73
+ &:hover .trigger {
74
+ display: block;
75
+ padding-bottom: 5px;
43
76
  }
44
77
 
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;
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
- border-top: 1px solid $grey-color-light;
97
- padding: $spacing-unit 0;
96
+ border-top: 1px solid $grey-color-light;
97
+ padding: $spacing-unit 0;
98
98
  }
99
99
 
100
100
  .footer-heading {
101
- font-size: 18px;
102
- margin-bottom: $spacing-unit / 2;
101
+ font-size: 18px;
102
+ margin-bottom: $spacing-unit / 2;
103
103
  }
104
104
 
105
105
  .contact-list,
106
106
  .social-media-list {
107
- list-style: none;
108
- margin-left: 0;
107
+ list-style: none;
108
+ margin-left: 0;
109
109
  }
110
110
 
111
111
  .footer-col-wrapper {
112
- font-size: 15px;
113
- color: $grey-color;
114
- margin-left: -$spacing-unit / 2;
115
- @extend %clearfix;
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
- float: left;
120
- margin-bottom: $spacing-unit / 2;
121
- padding-left: $spacing-unit / 2;
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
- width: -webkit-calc(35% - (#{$spacing-unit} / 2));
126
- width: calc(35% - (#{$spacing-unit} / 2));
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
- width: -webkit-calc(20% - (#{$spacing-unit} / 2));
131
- width: calc(20% - (#{$spacing-unit} / 2));
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
- width: -webkit-calc(45% - (#{$spacing-unit} / 2));
136
- width: calc(45% - (#{$spacing-unit} / 2));
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
- .footer-col-1,
141
- .footer-col-2 {
142
- width: -webkit-calc(50% - (#{$spacing-unit} / 2));
143
- width: calc(50% - (#{$spacing-unit} / 2));
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
- .footer-col-3 {
147
- width: -webkit-calc(100% - (#{$spacing-unit} / 2));
148
- width: calc(100% - (#{$spacing-unit} / 2));
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
- .footer-col {
154
- float: none;
155
- width: -webkit-calc(100% - (#{$spacing-unit} / 2));
156
- width: calc(100% - (#{$spacing-unit} / 2));
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
- padding: $spacing-unit 0;
166
+ padding: $spacing-unit 0;
167
167
  }
168
168
 
169
169
  .page-heading {
170
- font-size: 20px;
170
+ font-size: 20px;
171
171
  }
172
172
 
173
173
  .post-list {
174
- margin-left: 0;
175
- list-style: none;
174
+ margin-left: 0;
175
+ list-style: none;
176
176
 
177
- > li {
178
- margin-bottom: $spacing-unit;
179
- }
177
+ > li {
178
+ margin-bottom: $spacing-unit;
179
+ }
180
180
  }
181
181
 
182
182
  .post-meta {
183
- font-size: $small-font-size;
184
- color: $grey-color;
183
+ font-size: $small-font-size;
184
+ color: $grey-color;
185
185
  }
186
186
 
187
187
  .post-link {
188
- display: block;
189
- font-size: 24px;
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
- margin-bottom: $spacing-unit;
198
+ margin-bottom: $spacing-unit;
199
199
  }
200
200
 
201
201
  .post-title {
202
- font-size: 42px;
203
- letter-spacing: -1px;
204
- line-height: 1;
202
+ font-size: 42px;
203
+ letter-spacing: -1px;
204
+ line-height: 1;
205
205
 
206
- @include media-query($on-laptop) {
207
- font-size: 36px;
208
- }
206
+ @include media-query($on-laptop) {
207
+ font-size: 36px;
208
+ }
209
209
  }
210
210
 
211
211
  .post-content {
212
- margin-bottom: $spacing-unit;
212
+ margin-bottom: $spacing-unit;
213
213
 
214
- h2 {
215
- font-size: 32px;
214
+ h2 {
215
+ font-size: 32px;
216
216
 
217
- @include media-query($on-laptop) {
218
- font-size: 28px;
219
- }
217
+ @include media-query($on-laptop) {
218
+ font-size: 28px;
220
219
  }
220
+ }
221
221
 
222
- h3 {
223
- font-size: 26px;
222
+ h3 {
223
+ font-size: 26px;
224
224
 
225
- @include media-query($on-laptop) {
226
- font-size: 22px;
227
- }
225
+ @include media-query($on-laptop) {
226
+ font-size: 22px;
228
227
  }
228
+ }
229
229
 
230
- h4 {
231
- font-size: 20px;
230
+ h4 {
231
+ font-size: 20px;
232
232
 
233
- @include media-query($on-laptop) {
234
- font-size: 18px;
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
- background: #fff;
6
- @extend %vertical-rhythm;
5
+ background: #fff;
6
+ @extend %vertical-rhythm;
7
7
 
8
- .highlighter-rouge & {
9
- background: #eef;
10
- }
8
+ .highlighter-rouge & {
9
+ background: #eef;
10
+ }
11
11
 
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
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
  }
@@ -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: 1.2.0
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-09-12 00:00:00.000000000 Z
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