jekyll-theme-mint 1.0.1 → 1.2.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
  SHA256:
3
- metadata.gz: fb696470db4327649c8f4f59e3185c199ea37db91b9acbb4f174fe947861ad25
4
- data.tar.gz: 7a11212a96affed90d3bab41959ab72e66df00df2a74f0b2bf3450c5c606c602
3
+ metadata.gz: 227ac8045e814711fa71511a114d05783efea04dd686d52e88e9bea38461b365
4
+ data.tar.gz: 57b2042c7ee22e5a0d93fc5c14f7cd31be571eee5c05e86bc7b351d0ea79bdf6
5
5
  SHA512:
6
- metadata.gz: 711929d913b8df5fdf382337ca4a645df3367e5a858b454d9bd4b610ba62e667940b199e88a900e75964c807dff9a9006e02af98195ec59fcd4fa93e0a6e630e
7
- data.tar.gz: 987e201b43593ed49edcab81c900aab6b34f8bb73f39e7490090cf0c582c6f25a4dfd81e82bca9cf1f1d01bbeaa69caec4a2dd28804e719fc6ae30cde049b0f2
6
+ metadata.gz: 42ad1d17896398a92cf74a7c5d732c104ababcad4f51bbce907acf5b39a51cafa2190ad7672d01021ceab31968c2a8532b6b13e4e05a28ac3cfd1d65d55c4f28
7
+ data.tar.gz: 1b755b11260d42bd8918a2b58dc56cac10bb9f7bd9d574cdc385d355c6e35b670d4b0fa110e97fcdfe88c740fe892885b5db14f499c8df46b1f571b9f2bd6726
data/README.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # jekyll-theme-mint
2
2
 
3
+ ![screenshot](https://raw.github.com/aidewoode/jekyll-theme-mint/master/screenshot.png)
4
+
3
5
  A clean and responsive jekyll theme. Designing for legibility and accessibility.
4
6
 
5
7
  ## Installation
@@ -26,6 +28,32 @@ Or install it yourself as:
26
28
 
27
29
  ## Usage
28
30
 
31
+ ### Theme
32
+
33
+ Edit `_config.yml` file to change blog theme.
34
+
35
+ ```yaml
36
+ blog_theme: light # use light theme
37
+
38
+ # or
39
+
40
+ blog_theme: dark # use dark theme
41
+
42
+ # or
43
+
44
+ blog_theme: auto # auto change the theme when your system and browser supported
45
+ ```
46
+
47
+ ### Accent color of theme
48
+
49
+ Edit `_config.yml` file to change accent color of theme.
50
+
51
+ ```yaml
52
+ light-theme-accent-color: '#333'
53
+
54
+ dark-theme-accent-color: '#eee'
55
+ ```
56
+
29
57
  ### Add social links
30
58
 
31
59
  Edit `_config.yml` file to add your social links.
@@ -37,6 +65,14 @@ facebook_username: your_name
37
65
  dribbble_username: your_name
38
66
  ```
39
67
 
68
+ ### Customize date formate
69
+
70
+ Edit `_config.yml` file to change default date formate.
71
+
72
+ ```yaml
73
+ date_format: '%b %-d, %Y'
74
+ ```
75
+
40
76
  ### Enable Disqus
41
77
 
42
78
  Edit `_config.yml` file to add your Disqus short name and you can enable Disqus on your site.
@@ -55,6 +91,13 @@ Edit `_config.yml` file to add your google analytics tracking id and you can ena
55
91
  google_analytics: your_google_analystics_tracker_id
56
92
  ```
57
93
 
94
+ ### Footer page
95
+
96
+ Normally, the links to the pages is displayed in the site header. If you want to display the page link on the footer, you can add this to the front matter of page.
97
+
98
+ ``` yaml
99
+ is_footer: true
100
+ ```
58
101
 
59
102
  ## Development
60
103
 
@@ -64,6 +107,10 @@ For test, you can run `bundle exec jekyll serve` and open your browser at `http:
64
107
 
65
108
  For more information you can see here <https://jekyllrb.com/docs/themes/>.
66
109
 
110
+ ## Build gem
111
+
112
+ $ gem build jekyll-theme-mint.gemspec
113
+
67
114
  ## License
68
115
 
69
116
  The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
@@ -1,5 +1,17 @@
1
1
  <footer class='footer'>
2
- <ul class='footer__list'>
2
+ {% assign site_footer_pages = site.pages | where: 'is_footer', true %}
3
+
4
+ {% if site_footer_pages.size > 0 %}
5
+ <ul class='footer__list'>
6
+ {% for site_footer_page in site_footer_pages %}
7
+ <li class='footer__item'>
8
+ <a href='{{ site_footer_page.url | relative_url }}'>{{ site_footer_page.title | escape }}</a>
9
+ </li>
10
+ {% endfor %}
11
+ </ul>
12
+ {% endif %}
13
+
14
+ <ul class='footer__list footer__list--social'>
3
15
  {% if site.author %}
4
16
  {% if site.email %}
5
17
  <li class='footer__item'>
data/_includes/head.html CHANGED
@@ -2,7 +2,29 @@
2
2
  <meta charset='utf-8'>
3
3
  <meta name='viewport' content='width=device-width, initial-scale=1'>
4
4
  {% seo %}
5
- <link rel='stylesheet' href='{{ '/assets/main.css' | relative_url }}'>
5
+
6
+ {% case site.blog_theme %}
7
+ {% when 'light' %}
8
+ <link rel='stylesheet' href='{{ '/assets/light.css' | relative_url }}'>
9
+ {% when 'dark' %}
10
+ <link rel='stylesheet' href='{{ '/assets/dark.css' | relative_url }}'>
11
+ {% when 'auto' %}
12
+ <link rel='stylesheet' href='{{ '/assets/light.css' | relative_url }}'>
13
+ <link rel='stylesheet' href='{{ '/assets/dark.css' | relative_url }}' media="(prefers-color-scheme: dark)">
14
+ {% endcase %}
15
+
16
+ <style type='text/css' media='screen'>
17
+ :root {
18
+ {% if site.light-theme-accent-color %}
19
+ --light-theme-accent-color: {{ site.light-theme-accent-color }};
20
+ {% endif %}
21
+
22
+ {% if site.dark-theme-accent-color %}
23
+ --dark-theme-accent-color: {{ site.dark-theme-accent-color }};
24
+ {% endif %}
25
+ }
26
+ </style>
27
+
6
28
  {% feed_meta %}
7
29
  {% include google_analytics.html %}
8
30
  </head>
@@ -1,9 +1,11 @@
1
1
  <header class='header'>
2
+ <a class='header__title' href='{{ '/' | relative_url }}'>{{ site.title | escape }}</a>
2
3
  <nav class='header__nav'>
3
- <a class='header__nav__item header__nav__item--title' href='{{ '/' | relative_url }}'>{{ site.title | escape }}</a>
4
- {% for page in site.pages %}
5
- {% if page.title %}
6
- <a class='header__nav__item' href='{{ page.url | relative_url }}'>{{ page.title | escape }}</a>
4
+ {% assign site_pages = site.pages | where_exp: 'page', 'page.is_footer != true' %}
5
+
6
+ {% for site_page in site_pages %}
7
+ {% if site_page.title %}
8
+ <a class='header__nav__item {% if page.url == site_page.url %} is-active {% endif %}' href='{{ site_page.url | relative_url }}'>{{ site_page.title | escape }}</a>
7
9
  {% endif %}
8
10
  {% endfor %}
9
11
  </nav>
data/_layouts/home.html CHANGED
@@ -7,7 +7,8 @@ layout: default
7
7
  {% for post in site.posts %}
8
8
  <li class='posts__item'>
9
9
  <time class='posts__date' datetime='{{ post.date | date_to_xmlschema }}'>
10
- {{ post.date | date: '%b %-d, %Y' }}
10
+ {% assign date_format = site.date_format | default: '%b %-d, %Y' %}
11
+ {{ post.date | date: date_format }}
11
12
  </time>
12
13
  <div class='posts__title'>
13
14
  <a class='posts__link' href='{{ post.url | relative_url }}'>
@@ -0,0 +1,60 @@
1
+ .highlight {
2
+ .c { color: $white-darkest; font-style: italic } // Comment
3
+ .err { color: $green-lighter } // Error
4
+ .k { font-weight: bold } // Keyword
5
+ .o { font-weight: bold } // Operator
6
+ .cm { color: $white-darkest; font-style: italic } // Comment.Multiline
7
+ .cp { color: $white-darkest; font-weight: bold } // Comment.Preproc
8
+ .c1 { color: $white-darkest; font-style: italic } // Comment.Single
9
+ .cs { color: $white-darkest; font-weight: bold; font-style: italic } // Comment.Special
10
+ .gd { color: $white; } // Generic.Deleted
11
+ .gd .x { color: $white; } // Generic.Deleted.Specific
12
+ .ge { font-style: italic } // Generic.Emph
13
+ .gr { color: $green-lighter } // Generic.Error
14
+ .gh { color: $white-darkest } // Generic.Heading
15
+ .gi { color: $white } // Generic.Inserted
16
+ .gi .x { color: $white } // Generic.Inserted.Specific
17
+ .go { color: $white-darkest } // Generic.Output
18
+ .gp { color: $white-darker } // Generic.Prompt
19
+ .gs { font-weight: bold } // Generic.Strong
20
+ .gu { color: $white-darkest } // Generic.Subheading
21
+ .gt { color: $green-light } // Generic.Traceback
22
+ .kc { font-weight: bold } // Keyword.Constant
23
+ .kd { font-weight: bold } // Keyword.Declaration
24
+ .kp { font-weight: bold } // Keyword.Pseudo
25
+ .kr { font-weight: bold } // Keyword.Reserved
26
+ .kt { color: $purple-lighter; font-weight: bold } // Keyword.Type
27
+ .m { color: $purple } // Literal.Number
28
+ .s { color: $green } // Literal.String
29
+ .na { color: $purple-light } // Name.Attribute
30
+ .nb { color: $purple-light } // Name.Builtin
31
+ .nc { color: $purple-lighter; font-weight: bold } // Name.Class
32
+ .no { color: $purple-light } // Name.Constant
33
+ .ni { color: $red-light } // Name.Entity
34
+ .ne { color: $green-lighter; font-weight: bold } // Name.Exception
35
+ .nf { color: $green-lighter; font-weight: bold } // Name.Function
36
+ .nn { color: $white-darker } // Name.Namespace
37
+ .nt { color: $purple-lighter } // Name.Tag
38
+ .nv { color: $purple-light } // Name.Variable
39
+ .ow { font-weight: bold } // Operator.Word
40
+ .mf { color: $purple } // Literal.Number.Float
41
+ .mh { color: $purple } // Literal.Number.Hex
42
+ .mi { color: $purple } // Literal.Number.Integer
43
+ .mo { color: $purple } // Literal.Number.Oct
44
+ .sb { color: $green } // Literal.String.Backtick
45
+ .sc { color: $green } // Literal.String.Char
46
+ .sd { color: $green } // Literal.String.Doc
47
+ .s2 { color: $green } // Literal.String.Double
48
+ .se { color: $green } // Literal.String.Escape
49
+ .sh { color: $green } // Literal.String.Heredoc
50
+ .si { color: $green } // Literal.String.Interpol
51
+ .sx { color: $green } // Literal.String.Other
52
+ .sr { color: $red } // Literal.String.Regex
53
+ .s1 { color: $green } // Literal.String.Single
54
+ .ss { color: $red } // Literal.String.Symbol
55
+ .bp { color: $white-darkest } // Name.Builtin.Pseudo
56
+ .vc { color: $purple-light } // Name.Variable.Class
57
+ .vg { color: $purple-light } // Name.Variable.Global
58
+ .vi { color: $purple-light } // Name.Variable.Instance
59
+ .il { color: $purple } // Literal.Number.Integer.Long
60
+ }
File without changes
data/_sass/_layout.scss CHANGED
@@ -10,7 +10,7 @@ html {
10
10
  }
11
11
 
12
12
  body {
13
- background-color: $white;
13
+ background-color: $body-bg-color;
14
14
  font-family: $sans-serif-fonts;
15
15
  }
16
16
 
@@ -21,6 +21,9 @@ body {
21
21
  }
22
22
 
23
23
  .header {
24
+ display: flex;
25
+ flex-wrap: wrap;
26
+ align-items: baseline;
24
27
  padding: 50px 0;
25
28
  }
26
29
 
@@ -29,20 +32,29 @@ body {
29
32
  }
30
33
 
31
34
  .header__nav {
32
- display: flex;
33
- align-items: baseline;
35
+ white-space: nowrap;
36
+ overflow: auto;
37
+ margin-top: 12px;
34
38
  }
35
39
 
36
- .header__nav__item {
37
- display: inline-block;
40
+ .header__nav__item,
41
+ .header__title {
38
42
  text-decoration: none;
39
43
  font-size: 1rem;
40
44
  font-family: $serif-fonts;
41
- color: $green;
45
+ color: $header-color;
42
46
  }
43
47
 
44
- .header__nav__item--title {
45
- font-size: 1.55rem;
48
+ .header__nav__item {
49
+ margin-right: 20px;
50
+ }
51
+
52
+ .header__nav__item.is-active {
53
+ font-weight: bold;
54
+ }
55
+
56
+ .header__title {
57
+ font-size: 1.6rem;
46
58
  margin-right: 40px;
47
59
  font-weight: bold;
48
60
  }
@@ -57,31 +69,35 @@ body {
57
69
  display: flex;
58
70
  flex-wrap: wrap;
59
71
  margin-bottom: 50px;
60
- align-items: center;
72
+ align-items: baseline;
61
73
  }
62
74
 
63
75
  .posts__date {
64
76
  width: 30%;
65
- color: $grey;
77
+ color: $post-date-color;
66
78
  font-size: 1rem;
79
+ font-family: $serif-fonts;
67
80
  }
68
81
 
69
82
  .posts__title {
70
83
  width: 70%;
71
- font-size: 1.1rem;
84
+ font-size: 1rem;
72
85
  }
73
86
 
74
87
  .posts__link {
75
- color: $black;
88
+ color: $post-link-color;
76
89
  text-decoration: none;
77
90
  }
78
91
 
79
92
  .footer {
93
+ display: flex;
94
+ justify-content: space-between;
95
+ align-items: center;
80
96
  padding: 25px 0;
81
- font-size: .8rem;
97
+ font-size: .9rem;
82
98
  font-style: italic;
83
99
  font-family: $serif-fonts;
84
- color: $grey;
100
+ color: $footer-color;
85
101
  }
86
102
 
87
103
  .footer__list {
@@ -97,11 +113,24 @@ body {
97
113
  }
98
114
 
99
115
  .footer__item a {
100
- color: $grey;
116
+ color: $footer-color;
101
117
  text-decoration: none;
102
118
  }
103
119
 
104
- .footer__item:nth-child(2):before {
120
+ .footer__list .footer__item:after {
121
+ content: '|';
122
+ margin-left: 10px;
123
+ }
124
+
125
+ .footer__list .footer__item:last-child:after {
126
+ display: none;
127
+ }
128
+
129
+ .footer__list--social .footer__item:after {
130
+ display: none;
131
+ }
132
+
133
+ .footer__list--social .footer__item:nth-child(2):before {
105
134
  content: '|';
106
135
  margin-right: 10px;
107
136
  }
@@ -109,7 +138,7 @@ body {
109
138
  .icon {
110
139
  height: .9rem;
111
140
  width: .9rem;
112
- fill: $grey;
141
+ fill: $icon-color;
113
142
  }
114
143
 
115
144
  #disqus_thread {
data/_sass/_post.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  font-weight: 400;
5
5
  line-height: 1.8rem;
6
6
  font-size: 1rem;
7
- color: $black-lighter;
7
+ color: $post-content-color;
8
8
  }
9
9
 
10
10
  .post h1,
@@ -13,11 +13,11 @@
13
13
  .post h4,
14
14
  .post h5,
15
15
  .post h6 {
16
- color: $black-light;
16
+ color: $post-heading-color;
17
17
  }
18
18
 
19
19
  .post h1 {
20
- font-size: 1.5em;
20
+ font-size: 1.6em;
21
21
  margin: 1.3em 0;
22
22
  line-height: 1.1em;
23
23
  }
@@ -53,14 +53,14 @@
53
53
  }
54
54
 
55
55
  .post a {
56
- color: $black;
56
+ color: $post-link-color;
57
57
  word-wrap: break-word;
58
- text-decoration-color: rgba(0, 0, 0, .8);
58
+ text-decoration-color: rgba($post-link-color, .8);
59
59
  }
60
60
 
61
61
  .post a:hover {
62
- color: $black-lightest;
63
- text-decoration-color: rgba(0, 0, 0, .6);
62
+ color: $post-link-hover-color;
63
+ text-decoration-color: rgba($post-link-hover-color, .6);
64
64
  }
65
65
 
66
66
  .post h1 a,
@@ -72,13 +72,13 @@
72
72
  .post strong,
73
73
  .post b {
74
74
  font-weight: 700;
75
- color: $black-light;
75
+ color: $post-emphasis-color;
76
76
  }
77
77
 
78
78
  .post em,
79
79
  .post i {
80
80
  font-style: italic;
81
- color: $black-light;
81
+ color: $post-emphasis-color;
82
82
  }
83
83
 
84
84
  .post img {
@@ -111,12 +111,12 @@
111
111
  margin-top: 10px;
112
112
  font-weight: 400;
113
113
  font-size: 14px;
114
- color: $black-lightest;
114
+ color: $post-figure-color;
115
115
  }
116
116
 
117
117
  .post figure figcaption a {
118
118
  text-decoration: none;
119
- color: $black-lightest;
119
+ color: $post-figure-color;
120
120
  }
121
121
 
122
122
  .post hr {
@@ -124,18 +124,18 @@
124
124
  width: 40%;
125
125
  margin: 60px auto 55px;
126
126
  border: 0 none;
127
- border-top: 1px solid $grey-light;
127
+ border-top: 1px solid $post-border-color;
128
128
  }
129
129
 
130
130
  .post blockquote {
131
131
  margin: 0 0 1.64em 0;
132
- border-left: 3px solid $grey-light;
132
+ border-left: 3px solid $post-border-color;
133
133
  padding-left: 12px;
134
- color: $black-lightest;
134
+ color: $post-blockquote-color;
135
135
  }
136
136
 
137
137
  .post blockquote a {
138
- color: $black-lightest;
138
+ color: $post-blockquote-color;
139
139
  }
140
140
 
141
141
  .post ul,
@@ -183,11 +183,11 @@
183
183
 
184
184
  .post code,
185
185
  .post tt {
186
- color: $black-light;
186
+ color: $post-block-color;
187
+ background-color: $post-block-bg-color;
187
188
  font-size: 0.96em;
188
- background-color: $grey-lightest;
189
189
  padding: 1px 2px;
190
- border: 1px solid $grey-light;
190
+ border: 1px solid $post-border-color;
191
191
  border-radius: 3px;
192
192
  font-family: $monospaced-fonts;
193
193
  word-wrap: break-word;
@@ -197,19 +197,19 @@
197
197
  margin: 1.64em 0;
198
198
  padding: 7px;
199
199
  border: none;
200
- border-left: 3px solid $grey-light;
200
+ border-left: 3px solid $post-border-color;
201
201
  padding-left: 10px;
202
202
  overflow: auto;
203
203
  line-height: 1.5;
204
204
  font-size: 0.96em;
205
205
  font-family: $monospaced-fonts;
206
- color: $black-light;
207
- background-color: $grey-lightest;
206
+ color: $post-block-color;
207
+ background-color: $post-block-bg-color;
208
208
  }
209
209
 
210
210
  .post pre code,
211
211
  .post pre tt {
212
- color: $black-light;
212
+ color: $post-block-color;
213
213
  border: none;
214
214
  background: none;
215
215
  padding: 0;
@@ -229,7 +229,7 @@
229
229
  .post td {
230
230
  text-align: left;
231
231
  padding: 4px 8px 4px 10px;
232
- border: 1px solid $grey-light;
232
+ border: 1px solid $post-border-color;
233
233
  }
234
234
 
235
235
  .post td {
@@ -237,7 +237,7 @@
237
237
  }
238
238
 
239
239
  .post tr:nth-child(even) {
240
- background-color: $grey-lightest;
240
+ background-color: $post-block-bg-color;
241
241
  }
242
242
 
243
243
  .post iframe {
@@ -9,6 +9,10 @@
9
9
  }
10
10
 
11
11
  @media screen and (max-width: 480px) {
12
+ .main {
13
+ margin: 40px 0 100px;
14
+ }
15
+
12
16
  .header {
13
17
  padding: 30px 0;
14
18
  }
@@ -21,4 +25,20 @@
21
25
  .header__nav__item--title {
22
26
  margin-right: 25px;
23
27
  }
28
+
29
+ .footer {
30
+ display: block;
31
+ }
32
+
33
+ .footer__list--social {
34
+ margin-top: 10px;
35
+ }
36
+
37
+ .header__nav__item {
38
+ margin-right: 15px;
39
+ }
40
+
41
+ .header__title {
42
+ margin-right: 30px;
43
+ }
24
44
  }
data/_sass/_settings.scss CHANGED
@@ -1,25 +1,3 @@
1
- $green: #1b813e;
2
- $green-dark: darken($green, 5);
3
- $green-darker: darken($green, 10);
4
-
5
- $purple: #8F50AA;
6
- $purple-dark: darken($purple, 10);
7
- $purple-darker: darken($purple, 20);
8
-
9
- $red: #cb1b45;
10
- $red-dark: darken($red, 10);
11
-
12
- $black: #1c1c1c;
13
- $black-light: lighten($black, 10);
14
- $black-lighter: lighten($black, 20);
15
- $black-lightest: lighten($black, 30);
16
-
17
- $grey: lighten($black, 35);
18
- $grey-light: lighten($black, 75);
19
- $grey-lightest: lighten($black, 85);
20
-
21
- $white: #fff;
22
-
23
1
  $zh-fonts: 'PingFang SC', 'Hiragino Sans GB', 'Droid Sans Fallback', 'Microsoft YaHei', 'Wenquanyi Micro Hei';
24
2
  $sans-serif-fonts: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Droid Sans', 'Helvetica Neue', #{$zh-fonts}, sans-serif;
25
3
  $serif-fonts: 'Palatino', 'Palatino Linotype', 'Book Antiqua', #{$zh-fonts}, serif;
data/_sass/dark.scss ADDED
@@ -0,0 +1,55 @@
1
+ // colors for the theme
2
+
3
+ $green: #229f4c;
4
+ $green-light: lighten($green, 5);
5
+ $green-lighter: lighten($green, 10);
6
+
7
+ $purple: #aa78bf;
8
+ $purple-light: lighten($purple, 10);
9
+ $purple-lighter: lighten($purple, 20);
10
+
11
+ $red: #e85478;
12
+ $red-light: lighten($red, 10);
13
+
14
+ $white: #fbfbfb;
15
+ $white-dark: darken($white, 10);
16
+ $white-darker: darken($white, 20);
17
+ $white-darkest: darken($white, 30);
18
+
19
+ $grey: darken($white, 35);
20
+ $grey-darken: darken($white, 75);
21
+ $grey-darkest: darken($white, 85);
22
+
23
+ $black: #101010;
24
+
25
+ // specific colors for page
26
+
27
+ $body-bg-color: $black;
28
+ $header-color: var(--dark-theme-accent-color);
29
+ $footer-color: $grey;
30
+ $icon-color: $grey;
31
+
32
+ // specific colors for post
33
+
34
+ $post-date-color: $grey;
35
+ $post-content-color: $white-darker;
36
+ $post-heading-color: $white-dark;
37
+ $post-link-color: $white;
38
+ $post-link-hover-color: $white-darkest;
39
+ $post-emphasis-color: $white-dark;
40
+ $post-figure-color: $white-darkest;
41
+ $post-border-color: $grey-darken;
42
+ $post-blockquote-color: $white-darkest;
43
+ $post-block-color: $white-dark;
44
+ $post-block-bg-color: $grey-darkest;
45
+
46
+ :root {
47
+ --dark-theme-accent-color: #{$green};
48
+ }
49
+
50
+ @import 'normalize';
51
+ @import 'settings';
52
+ @import 'layout';
53
+ @import 'responsive';
54
+ @import 'post';
55
+ @import 'highlight_dark';
data/_sass/light.scss ADDED
@@ -0,0 +1,56 @@
1
+ // colors for the theme
2
+
3
+ $green: #1b813e;
4
+ $green-dark: darken($green, 5);
5
+ $green-darker: darken($green, 10);
6
+
7
+ $purple: #8F50AA;
8
+ $purple-dark: darken($purple, 10);
9
+ $purple-darker: darken($purple, 20);
10
+
11
+ $red: #cb1b45;
12
+ $red-dark: darken($red, 10);
13
+
14
+ $black: #1c1c1c;
15
+ $black-light: lighten($black, 10);
16
+ $black-lighter: lighten($black, 20);
17
+ $black-lightest: lighten($black, 30);
18
+
19
+ $grey: lighten($black, 35);
20
+ $grey-light: lighten($black, 75);
21
+ $grey-lightest: lighten($black, 85);
22
+
23
+ $white: #fff;
24
+
25
+ // specific colors for page
26
+
27
+ $body-bg-color: $white;
28
+ $header-color: var(--light-theme-accent-color);
29
+ $footer-color: $grey;
30
+ $icon-color: $grey;
31
+
32
+ // specific colors for post
33
+
34
+ $post-date-color: $grey;
35
+ $post-link-color: $black;
36
+ $post-content-color: $black-lighter;
37
+ $post-heading-color: $black-light;
38
+ $post-link-color: $black;
39
+ $post-link-hover-color: $black-lightest;
40
+ $post-emphasis-color: $black-light;
41
+ $post-figure-color: $black-lightest;
42
+ $post-border-color: $grey-light;
43
+ $post-blockquote-color: $black-lightest;
44
+ $post-block-color: $black-light;
45
+ $post-block-bg-color: $grey-lightest;
46
+
47
+ :root {
48
+ --light-theme-accent-color: #{$green};
49
+ }
50
+
51
+ @import 'normalize';
52
+ @import 'settings';
53
+ @import 'layout';
54
+ @import 'responsive';
55
+ @import 'post';
56
+ @import 'highlight_light';
data/assets/dark.scss ADDED
@@ -0,0 +1,3 @@
1
+ ---
2
+ ---
3
+ @import 'dark';
data/assets/light.scss ADDED
@@ -0,0 +1,3 @@
1
+ ---
2
+ ---
3
+ @import 'light';
metadata CHANGED
@@ -1,77 +1,77 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-mint
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.1
4
+ version: 1.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - aidewoode
8
- autorequire:
8
+ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-08-30 00:00:00.000000000 Z
11
+ date: 1980-01-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - "~>"
17
+ - - ">="
18
18
  - !ruby/object:Gem::Version
19
19
  version: '3.8'
20
+ - - "<"
21
+ - !ruby/object:Gem::Version
22
+ version: '5.0'
20
23
  type: :runtime
21
24
  prerelease: false
22
25
  version_requirements: !ruby/object:Gem::Requirement
23
26
  requirements:
24
- - - "~>"
27
+ - - ">="
25
28
  - !ruby/object:Gem::Version
26
29
  version: '3.8'
30
+ - - "<"
31
+ - !ruby/object:Gem::Version
32
+ version: '5.0'
27
33
  - !ruby/object:Gem::Dependency
28
34
  name: jekyll-feed
29
35
  requirement: !ruby/object:Gem::Requirement
30
36
  requirements:
31
37
  - - "~>"
32
38
  - !ruby/object:Gem::Version
33
- version: 0.10.0
39
+ version: 0.15.0
34
40
  type: :runtime
35
41
  prerelease: false
36
42
  version_requirements: !ruby/object:Gem::Requirement
37
43
  requirements:
38
44
  - - "~>"
39
45
  - !ruby/object:Gem::Version
40
- version: 0.10.0
46
+ version: 0.15.0
41
47
  - !ruby/object:Gem::Dependency
42
48
  name: jekyll-seo-tag
43
49
  requirement: !ruby/object:Gem::Requirement
44
50
  requirements:
45
51
  - - "~>"
46
52
  - !ruby/object:Gem::Version
47
- version: 2.5.0
48
- - - ">="
49
- - !ruby/object:Gem::Version
50
- version: 2.5.0
53
+ version: 2.7.0
51
54
  type: :runtime
52
55
  prerelease: false
53
56
  version_requirements: !ruby/object:Gem::Requirement
54
57
  requirements:
55
58
  - - "~>"
56
59
  - !ruby/object:Gem::Version
57
- version: 2.5.0
58
- - - ">="
59
- - !ruby/object:Gem::Version
60
- version: 2.5.0
60
+ version: 2.7.0
61
61
  - !ruby/object:Gem::Dependency
62
62
  name: bundler
63
63
  requirement: !ruby/object:Gem::Requirement
64
64
  requirements:
65
65
  - - "~>"
66
66
  - !ruby/object:Gem::Version
67
- version: '1.16'
67
+ version: 2.1.4
68
68
  type: :development
69
69
  prerelease: false
70
70
  version_requirements: !ruby/object:Gem::Requirement
71
71
  requirements:
72
72
  - - "~>"
73
73
  - !ruby/object:Gem::Version
74
- version: '1.16'
74
+ version: 2.1.4
75
75
  - !ruby/object:Gem::Dependency
76
76
  name: rake
77
77
  requirement: !ruby/object:Gem::Requirement
@@ -86,7 +86,7 @@ dependencies:
86
86
  - - "~>"
87
87
  - !ruby/object:Gem::Version
88
88
  version: '12.0'
89
- description:
89
+ description:
90
90
  email:
91
91
  - aidewoode@gmail.com
92
92
  executables: []
@@ -105,23 +105,26 @@ files:
105
105
  - _layouts/home.html
106
106
  - _layouts/page.html
107
107
  - _layouts/post.html
108
- - _sass/_highlight.scss
108
+ - _sass/_highlight_dark.scss
109
+ - _sass/_highlight_light.scss
109
110
  - _sass/_layout.scss
110
111
  - _sass/_normalize.scss
111
112
  - _sass/_post.scss
112
113
  - _sass/_responsive.scss
113
114
  - _sass/_settings.scss
114
- - _sass/jekyll-theme-mint.scss
115
+ - _sass/dark.scss
116
+ - _sass/light.scss
117
+ - assets/dark.scss
115
118
  - assets/icons/dribbble.svg
116
119
  - assets/icons/facebook.svg
117
120
  - assets/icons/github.svg
118
121
  - assets/icons/twitter.svg
119
- - assets/main.scss
122
+ - assets/light.scss
120
123
  homepage: https://github.com/aidewoode/jekyll-theme-mint
121
124
  licenses:
122
125
  - MIT
123
126
  metadata: {}
124
- post_install_message:
127
+ post_install_message:
125
128
  rdoc_options: []
126
129
  require_paths:
127
130
  - lib
@@ -136,9 +139,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
136
139
  - !ruby/object:Gem::Version
137
140
  version: '0'
138
141
  requirements: []
139
- rubyforge_project:
140
- rubygems_version: 2.7.6
141
- signing_key:
142
+ rubygems_version: 3.1.3
143
+ signing_key:
142
144
  specification_version: 4
143
145
  summary: A clean and responsive jekyll theme
144
146
  test_files: []
@@ -1,6 +0,0 @@
1
- @import 'normalize';
2
- @import 'settings';
3
- @import 'layout';
4
- @import 'responsive';
5
- @import 'post';
6
- @import 'highlight';
data/assets/main.scss DELETED
@@ -1,3 +0,0 @@
1
- ---
2
- ---
3
- @import 'jekyll-theme-mint';