tailwind-jekyll-theme 0.1.5 → 0.1.7

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: 31762ce173c18b2881b1f961d5c07293ea06820dbdb55c0393ae0e863ff2e95b
4
- data.tar.gz: 4b9f308749d60b7f988fd38c3c600bb07ad639bc84ce0c071b50ec22b9d7144f
3
+ metadata.gz: 2b8bb060197edf9e4d39bad7079b43b6c88de2410b133aecbecb705d92a150e9
4
+ data.tar.gz: 87af9b5eecf4319df7f8ebe9844af3b644f4c419f59a8dbec3b6c2b173dd6247
5
5
  SHA512:
6
- metadata.gz: ab4752ec90137d8f0b622eeffe948b187d459ff260c33440307ed1677acf8d8eda9210f58089bf9d210653a9654bceb90dea9521dfd9859edde33f51880d5086
7
- data.tar.gz: 17b683bd1b98cc962843f8f50b7dcf6f3744ac25714d726252c5c6275573e2ede0839c8102e8bbe6ef36da0008c3c84de7a364c83eb5892125fcf44d0b88c3e3
6
+ metadata.gz: 43f9bf17896944d8ebad324fceb3e160874e9c2f4624b516bfbd6e15825a030254f798189d9faeb2ca9e5cb0d9b468f36cd25828df741ce6fc44f98ccd6d67b5
7
+ data.tar.gz: 3a62e8b0c77730aab35d708f875e525f3855341c93c82f40f1371f5d0d50f9b8d151a6ecb05ce80e81c65d1f974cd82d83a2a5af958d30e4c4c19fa1cc5b8c14
@@ -0,0 +1,3 @@
1
+ @tailwind base;
2
+ @tailwind components;
3
+ @tailwind utilities;
data/assets/css/main.scss CHANGED
@@ -3,7 +3,4 @@
3
3
 
4
4
  @tailwind base;
5
5
  @tailwind components;
6
- @tailwind utilities;
7
-
8
- @import "minima/skins/{{ site.minima.skin | default: 'classic' }}";
9
- @import "minima/initialize";
6
+ @tailwind utilities;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: tailwind-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.5
4
+ version: 0.1.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - Nathan Kidd
@@ -127,17 +127,7 @@ files:
127
127
  - _layouts/home.html
128
128
  - _layouts/page.html
129
129
  - _layouts/post.html
130
- - _sass/minima/_base.scss
131
- - _sass/minima/_layout.scss
132
- - _sass/minima/custom-styles.scss
133
- - _sass/minima/custom-variables.scss
134
- - _sass/minima/initialize.scss
135
- - _sass/minima/skins/auto.scss
136
- - _sass/minima/skins/classic.scss
137
- - _sass/minima/skins/dark.scss
138
- - _sass/minima/skins/solarized-dark.scss
139
- - _sass/minima/skins/solarized-light.scss
140
- - _sass/minima/skins/solarized.scss
130
+ - _sass/tailwind-jekyll-theme.scss
141
131
  - assets/css/main.scss
142
132
  - assets/minima-social-icons.liquid
143
133
  homepage: https://github.com/n-at-han-k/tailwind-jekyll-theme
@@ -1,281 +0,0 @@
1
- html {
2
- font-size: $base-font-size;
3
- }
4
-
5
- /**
6
- * Reset some basic elements
7
- */
8
- body, h1, h2, h3, h4, h5, h6,
9
- p, blockquote, pre, hr,
10
- dl, dd, ol, ul, figure {
11
- margin: 0;
12
- padding: 0;
13
-
14
- }
15
-
16
-
17
-
18
- /**
19
- * Basic styling
20
- */
21
- body {
22
- font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
23
- color: $text-color;
24
- background-color: $background-color;
25
- -webkit-text-size-adjust: 100%;
26
- -webkit-font-feature-settings: "kern" 1;
27
- -moz-font-feature-settings: "kern" 1;
28
- -o-font-feature-settings: "kern" 1;
29
- font-feature-settings: "kern" 1;
30
- font-kerning: normal;
31
- display: flex;
32
- min-height: 100vh;
33
- flex-direction: column;
34
- overflow-wrap: break-word;
35
- }
36
-
37
-
38
-
39
- /**
40
- * Set `margin-bottom` to maintain vertical rhythm
41
- */
42
- h1, h2, h3, h4, h5, h6,
43
- p, blockquote, pre,
44
- ul, ol, dl, figure,
45
- %vertical-rhythm {
46
- margin-bottom: $spacing-unit * .5;
47
- }
48
-
49
- hr {
50
- margin-top: $spacing-unit;
51
- margin-bottom: $spacing-unit;
52
- }
53
-
54
- /**
55
- * `main` element
56
- */
57
- main {
58
- display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
59
- }
60
-
61
-
62
-
63
- /**
64
- * Images
65
- */
66
- img {
67
- max-width: 100%;
68
- vertical-align: middle;
69
- }
70
-
71
-
72
-
73
- /**
74
- * Figures
75
- */
76
- figure > img {
77
- display: block;
78
- }
79
-
80
- figcaption {
81
- font-size: $small-font-size;
82
- }
83
-
84
-
85
-
86
- /**
87
- * Lists
88
- */
89
- ul, ol {
90
- margin-left: $spacing-unit;
91
- }
92
-
93
- li {
94
- > ul,
95
- > ol {
96
- margin-bottom: 0;
97
- }
98
- }
99
-
100
-
101
-
102
- /**
103
- * Headings
104
- */
105
- h1, h2, h3, h4, h5, h6 {
106
- font-weight: $base-font-weight;
107
- }
108
-
109
-
110
-
111
- /**
112
- * Links
113
- */
114
- a {
115
- color: $link-base-color;
116
- text-decoration: none;
117
-
118
- &:visited {
119
- color: $link-visited-color;
120
- }
121
-
122
- &:hover {
123
- color: $link-hover-color;
124
- text-decoration: underline;
125
- }
126
-
127
- .social-media-list &:hover {
128
- text-decoration: none;
129
-
130
- .username {
131
- text-decoration: underline;
132
- }
133
- }
134
- }
135
-
136
-
137
- /**
138
- * Blockquotes
139
- */
140
- blockquote {
141
- color: $brand-color;
142
- border-left: 4px solid $border-color-01;
143
- padding-left: $spacing-unit * .5;
144
- @include relative-font-size(1.125);
145
- font-style: italic;
146
-
147
- > :last-child {
148
- margin-bottom: 0;
149
- }
150
-
151
- i, em {
152
- font-style: normal;
153
- }
154
- }
155
-
156
-
157
-
158
- /**
159
- * Code formatting
160
- */
161
- pre,
162
- code {
163
- font-family: $code-font-family;
164
- font-size: 0.9375em;
165
- border: 1px solid $border-color-01;
166
- border-radius: 3px;
167
- background-color: $code-background-color;
168
- }
169
-
170
- code {
171
- padding: 1px 5px;
172
- }
173
-
174
- pre {
175
- padding: 8px 12px;
176
- overflow-x: auto;
177
-
178
- > code {
179
- border: 0;
180
- padding-right: 0;
181
- padding-left: 0;
182
- }
183
- }
184
-
185
- .highlight {
186
- border-radius: 3px;
187
- background: $code-background-color;
188
- @extend %vertical-rhythm;
189
-
190
- .highlighter-rouge & {
191
- background: $code-background-color;
192
- }
193
- }
194
-
195
-
196
-
197
- /**
198
- * Wrapper
199
- */
200
- .wrapper {
201
- max-width: calc(#{$content-width} - (#{$spacing-unit}));
202
- margin-right: auto;
203
- margin-left: auto;
204
- padding-right: $spacing-unit * .5;
205
- padding-left: $spacing-unit * .5;
206
- @extend %clearfix;
207
-
208
- @media screen and (min-width: $on-large) {
209
- max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
210
- padding-right: $spacing-unit;
211
- padding-left: $spacing-unit;
212
- }
213
- }
214
-
215
-
216
-
217
- /**
218
- * Clearfix
219
- */
220
- %clearfix:after {
221
- content: "";
222
- display: table;
223
- clear: both;
224
- }
225
-
226
-
227
-
228
- /**
229
- * Icons
230
- */
231
-
232
- .orange {
233
- color: #f66a0a;
234
- }
235
-
236
- .grey {
237
- color: #828282;
238
- }
239
-
240
- .svg-icon {
241
- width: 1.25em;
242
- height: 1.25em;
243
- display: inline-block;
244
- fill: currentColor;
245
- vertical-align: text-bottom;
246
- }
247
-
248
-
249
- /**
250
- * Tables
251
- */
252
- table {
253
- margin-bottom: $spacing-unit;
254
- width: 100%;
255
- text-align: $table-text-align;
256
- color: $table-text-color;
257
- border-collapse: collapse;
258
- border: 1px solid $table-border-color;
259
- tr {
260
- &:nth-child(even) {
261
- background-color: $table-zebra-color;
262
- }
263
- }
264
- th, td {
265
- padding: ($spacing-unit * 33.3333333333 * .01) ($spacing-unit * .5);
266
- }
267
- th {
268
- background-color: $table-header-bg-color;
269
- border: 1px solid $table-header-border;
270
- }
271
- td {
272
- border: 1px solid $table-border-color;
273
- }
274
-
275
- @include media-query($on-laptop) {
276
- display: block;
277
- overflow-x: auto;
278
- -webkit-overflow-scrolling: touch;
279
- -ms-overflow-style: -ms-autohiding-scrollbar;
280
- }
281
- }
@@ -1,341 +0,0 @@
1
- /**
2
- * Site header
3
- */
4
- .site-header {
5
- border-top: 5px solid $border-color-03;
6
- border-bottom: 1px solid $border-color-01;
7
- min-height: $spacing-unit * 1.865;
8
- line-height: $base-line-height * $base-font-size * 2.25;
9
-
10
- // Positioning context for the mobile navigation icon
11
- position: relative;
12
- }
13
-
14
- .site-title {
15
- @include relative-font-size(1.625);
16
- font-weight: 300;
17
- letter-spacing: -1px;
18
- margin-bottom: 0;
19
- float: left;
20
-
21
- @include media-query($on-palm) {
22
- padding-right: 45px;
23
- }
24
-
25
- &,
26
- &:visited {
27
- color: $site-title-color;
28
- }
29
- }
30
-
31
- .site-nav {
32
- position: absolute;
33
- top: 9px;
34
- right: $spacing-unit * .5;
35
- background-color: $background-color;
36
- border: 1px solid $border-color-01;
37
- border-radius: 5px;
38
- text-align: right;
39
-
40
- .nav-trigger {
41
- display: none;
42
- }
43
-
44
- .menu-icon {
45
- float: right;
46
- width: 36px;
47
- height: 26px;
48
- line-height: 0;
49
- padding-top: 10px;
50
- text-align: center;
51
-
52
- > svg path {
53
- fill: $border-color-03;
54
- }
55
- }
56
-
57
- label[for="nav-trigger"] {
58
- display: block;
59
- float: right;
60
- width: 36px;
61
- height: 36px;
62
- z-index: 2;
63
- cursor: pointer;
64
- }
65
-
66
- input ~ .trigger {
67
- clear: both;
68
- display: none;
69
- }
70
-
71
- input:checked ~ .trigger {
72
- display: block;
73
- padding-bottom: 5px;
74
- }
75
-
76
- .page-link {
77
- color: $text-color;
78
- line-height: $base-line-height;
79
- display: block;
80
- padding: 5px 10px;
81
-
82
- // Gaps between nav items, but not on the last one
83
- &:not(:last-child) {
84
- margin-right: 0;
85
- }
86
- margin-left: 20px;
87
- }
88
-
89
- @media screen and (min-width: $on-medium) {
90
- position: static;
91
- float: right;
92
- border: none;
93
- background-color: inherit;
94
-
95
- label[for="nav-trigger"] {
96
- display: none;
97
- }
98
-
99
- .menu-icon {
100
- display: none;
101
- }
102
-
103
- input ~ .trigger {
104
- display: block;
105
- }
106
-
107
- .page-link {
108
- display: inline;
109
- padding: 0;
110
-
111
- &:not(:last-child) {
112
- margin-right: 20px;
113
- }
114
- margin-left: auto;
115
- }
116
- }
117
- }
118
-
119
-
120
-
121
- /**
122
- * Site footer
123
- */
124
- .site-footer {
125
- border-top: 1px solid $border-color-01;
126
- padding: $spacing-unit 0;
127
- }
128
-
129
- .footer-heading {
130
- @include relative-font-size(1.125);
131
- margin-bottom: $spacing-unit * .5;
132
- }
133
-
134
- .feed-subscribe .svg-icon {
135
- padding: 5px 5px 2px 0
136
- }
137
-
138
- .contact-list,
139
- .social-media-list {
140
- list-style: none;
141
- margin-left: 0;
142
- }
143
-
144
- .footer-col-wrapper,
145
- .social-links {
146
- @include relative-font-size(0.9375);
147
- color: $brand-color;
148
- }
149
-
150
- .footer-col {
151
- margin-bottom: $spacing-unit * .5;
152
- }
153
-
154
- .footer-col-1,
155
- .footer-col-2 {
156
- width: calc(50% - (#{$spacing-unit} / 2));
157
- }
158
-
159
- .footer-col-3 {
160
- width: calc(100% - (#{$spacing-unit} / 2));
161
- }
162
-
163
- @media screen and (min-width: $on-large) {
164
- .footer-col-1 {
165
- width: calc(35% - (#{$spacing-unit} / 2));
166
- }
167
-
168
- .footer-col-2 {
169
- width: calc(20% - (#{$spacing-unit} / 2));
170
- }
171
-
172
- .footer-col-3 {
173
- width: calc(45% - (#{$spacing-unit} / 2));
174
- }
175
- }
176
-
177
- @media screen and (min-width: $on-medium) {
178
- .footer-col-wrapper {
179
- display: flex
180
- }
181
-
182
- .footer-col {
183
- width: calc(100% - (#{$spacing-unit} / 2));
184
- padding: 0 ($spacing-unit * .5);
185
-
186
- &:first-child {
187
- padding-right: $spacing-unit * .5;
188
- padding-left: 0;
189
- }
190
-
191
- &:last-child {
192
- padding-right: 0;
193
- padding-left: $spacing-unit * .5;
194
- }
195
- }
196
- }
197
-
198
-
199
-
200
- /**
201
- * Page content
202
- */
203
- .page-content {
204
- padding: $spacing-unit 0;
205
- flex: 1 0 auto;
206
- }
207
-
208
- .page-heading {
209
- @include relative-font-size(2);
210
- }
211
-
212
- .post-list-heading {
213
- @include relative-font-size(1.75);
214
- }
215
-
216
- .post-list {
217
- margin-left: 0;
218
- list-style: none;
219
-
220
- > li {
221
- margin-bottom: $spacing-unit;
222
- }
223
- }
224
-
225
- .post-meta {
226
- font-size: $small-font-size;
227
- color: $brand-color;
228
- }
229
-
230
- .post-link {
231
- display: block;
232
- @include relative-font-size(1.5);
233
- }
234
-
235
-
236
-
237
- /**
238
- * Posts
239
- */
240
- .post-header {
241
- margin-bottom: $spacing-unit;
242
- }
243
-
244
- .post-title,
245
- .post-content h1 {
246
- @include relative-font-size(2.625);
247
- letter-spacing: -1px;
248
- line-height: 1.15;
249
-
250
- @media screen and (min-width: $on-large) {
251
- @include relative-font-size(2.625);
252
- }
253
- }
254
-
255
- .post-content {
256
- margin-bottom: $spacing-unit;
257
-
258
- h1, h2, h3, h4, h5, h6 { margin-top: $spacing-unit }
259
-
260
- h2 {
261
- @include relative-font-size(1.75);
262
-
263
- @media screen and (min-width: $on-large) {
264
- @include relative-font-size(2);
265
- }
266
- }
267
-
268
- h3 {
269
- @include relative-font-size(1.375);
270
-
271
- @media screen and (min-width: $on-large) {
272
- @include relative-font-size(1.625);
273
- }
274
- }
275
-
276
- h4 {
277
- @include relative-font-size(1.25);
278
- }
279
-
280
- h5 {
281
- @include relative-font-size(1.125);
282
- }
283
- h6 {
284
- @include relative-font-size(1.0625);
285
- }
286
- }
287
-
288
-
289
- .social-media-list {
290
- display: table;
291
- margin: 0 auto;
292
- li {
293
- float: left;
294
- margin: 5px 10px 5px 0;
295
- &:last-of-type { margin-right: 0 }
296
- a {
297
- display: block;
298
- padding: 10px 12px;
299
- border: 1px solid $border-color-01;
300
- &:hover { border-color: $border-color-02 }
301
- }
302
- }
303
- }
304
-
305
-
306
-
307
- /**
308
- * Pagination navbar
309
- */
310
- .pagination {
311
- margin-bottom: $spacing-unit;
312
- @extend .social-media-list;
313
- li {
314
- a, div {
315
- min-width: 41px;
316
- text-align: center;
317
- box-sizing: border-box;
318
- }
319
- div {
320
- display: block;
321
- padding: $spacing-unit * .25;
322
- border: 1px solid transparent;
323
-
324
- &.pager-edge {
325
- color: $border-color-01;
326
- border: 1px dashed;
327
- }
328
- }
329
- }
330
- }
331
-
332
-
333
-
334
- /**
335
- * Grid helpers
336
- */
337
- @media screen and (min-width: $on-large) {
338
- .one-half {
339
- width: calc(50% - (#{$spacing-unit} / 2));
340
- }
341
- }
@@ -1,2 +0,0 @@
1
- // Placeholder to allow defining custom styles that override everything else.
2
- // (Use `_sass/minima/custom-variables.scss` to override variable defaults)
@@ -1 +0,0 @@
1
- // Placeholder to allow overriding predefined variables smoothly.
@@ -1,50 +0,0 @@
1
- @charset "utf-8";
2
-
3
- // Define defaults for each variable.
4
-
5
- $base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default;
6
- $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
7
- $base-font-size: 16px !default;
8
- $base-font-weight: 400 !default;
9
- $small-font-size: $base-font-size * 0.875 !default;
10
- $base-line-height: 1.5 !default;
11
-
12
- $spacing-unit: 30px !default;
13
-
14
- $table-text-align: left !default;
15
-
16
- // Width of the content area
17
- $content-width: 800px !default;
18
-
19
- $on-palm: 600px !default;
20
- $on-laptop: 800px !default;
21
-
22
- $on-medium: $on-palm !default;
23
- $on-large: $on-laptop !default;
24
-
25
- // Use media queries like this:
26
- // @include media-query($on-palm) {
27
- // .wrapper {
28
- // padding-right: $spacing-unit / 2;
29
- // padding-left: $spacing-unit / 2;
30
- // }
31
- // }
32
- // Notice the following mixin uses max-width, in a deprecated, desktop-first
33
- // approach, whereas media queries used elsewhere now use min-width.
34
- @mixin media-query($device) {
35
- @media screen and (max-width: $device) {
36
- @content;
37
- }
38
- }
39
-
40
- @mixin relative-font-size($ratio) {
41
- font-size: #{$ratio}rem;
42
- }
43
-
44
- // Import pre-styling-overrides hook and style-partials.
45
- @import
46
- "minima/custom-variables", // Hook to override predefined variables.
47
- "minima/base", // Defines element resets.
48
- "minima/layout", // Defines structure and style based on CSS selectors.
49
- "minima/custom-styles" // Hook to override existing styles.
50
- ;
@@ -1,361 +0,0 @@
1
- @charset "utf-8";
2
-
3
- // Default color scheme settings
4
- // These are overridden in classic.css and dark.scss
5
-
6
- $color-scheme-auto: true !default;
7
- $color-scheme-dark: false !default;
8
-
9
-
10
- // Light mode
11
- // ----------
12
-
13
- $lm-brand-color: #828282 !default;
14
- $lm-brand-color-light: lighten($lm-brand-color, 40%) !default;
15
- $lm-brand-color-dark: darken($lm-brand-color, 25%) !default;
16
-
17
- $lm-site-title-color: $lm-brand-color-dark !default;
18
-
19
- $lm-text-color: #111111 !default;
20
- $lm-background-color: #fdfdfd !default;
21
- $lm-code-background-color: #eeeeff !default;
22
-
23
- $lm-link-base-color: #2a7ae2 !default;
24
- $lm-link-visited-color: darken($lm-link-base-color, 15%) !default;
25
- $lm-link-hover-color: $lm-text-color !default;
26
-
27
- $lm-border-color-01: $lm-brand-color-light !default;
28
- $lm-border-color-02: lighten($lm-brand-color, 35%) !default;
29
- $lm-border-color-03: $lm-brand-color-dark !default;
30
-
31
- $lm-table-text-color: lighten($lm-text-color, 18%) !default;
32
- $lm-table-zebra-color: lighten($lm-brand-color, 46%) !default;
33
- $lm-table-header-bg-color: lighten($lm-brand-color, 43%) !default;
34
- $lm-table-header-border: lighten($lm-brand-color, 37%) !default;
35
- $lm-table-border-color: $lm-border-color-01 !default;
36
-
37
-
38
- // Syntax highlighting styles should be adjusted appropriately for every "skin"
39
- // ----------------------------------------------------------------------------
40
-
41
- @mixin lm-highlight {
42
- .highlight {
43
- .c { color: #998; font-style: italic } // Comment
44
- .err { color: #a61717; background-color: #e3d2d2 } // Error
45
- .k { font-weight: bold } // Keyword
46
- .o { font-weight: bold } // Operator
47
- .cm { color: #998; font-style: italic } // Comment.Multiline
48
- .cp { color: #999; font-weight: bold } // Comment.Preproc
49
- .c1 { color: #998; font-style: italic } // Comment.Single
50
- .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
51
- .gd { color: #000; background-color: #fdd } // Generic.Deleted
52
- .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
53
- .ge { font-style: italic } // Generic.Emph
54
- .gr { color: #a00 } // Generic.Error
55
- .gh { color: #999 } // Generic.Heading
56
- .gi { color: #000; background-color: #dfd } // Generic.Inserted
57
- .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
58
- .go { color: #888 } // Generic.Output
59
- .gp { color: #555 } // Generic.Prompt
60
- .gs { font-weight: bold } // Generic.Strong
61
- .gu { color: #aaa } // Generic.Subheading
62
- .gt { color: #a00 } // Generic.Traceback
63
- .kc { font-weight: bold } // Keyword.Constant
64
- .kd { font-weight: bold } // Keyword.Declaration
65
- .kp { font-weight: bold } // Keyword.Pseudo
66
- .kr { font-weight: bold } // Keyword.Reserved
67
- .kt { color: #458; font-weight: bold } // Keyword.Type
68
- .m { color: #099 } // Literal.Number
69
- .s { color: #d14 } // Literal.String
70
- .na { color: #008080 } // Name.Attribute
71
- .nb { color: #0086B3 } // Name.Builtin
72
- .nc { color: #458; font-weight: bold } // Name.Class
73
- .no { color: #008080 } // Name.Constant
74
- .ni { color: #800080 } // Name.Entity
75
- .ne { color: #900; font-weight: bold } // Name.Exception
76
- .nf { color: #900; font-weight: bold } // Name.Function
77
- .nn { color: #555 } // Name.Namespace
78
- .nt { color: #000080 } // Name.Tag
79
- .nv { color: #008080 } // Name.Variable
80
- .ow { font-weight: bold } // Operator.Word
81
- .w { color: #bbb } // Text.Whitespace
82
- .mf { color: #099 } // Literal.Number.Float
83
- .mh { color: #099 } // Literal.Number.Hex
84
- .mi { color: #099 } // Literal.Number.Integer
85
- .mo { color: #099 } // Literal.Number.Oct
86
- .sb { color: #d14 } // Literal.String.Backtick
87
- .sc { color: #d14 } // Literal.String.Char
88
- .sd { color: #d14 } // Literal.String.Doc
89
- .s2 { color: #d14 } // Literal.String.Double
90
- .se { color: #d14 } // Literal.String.Escape
91
- .sh { color: #d14 } // Literal.String.Heredoc
92
- .si { color: #d14 } // Literal.String.Interpol
93
- .sx { color: #d14 } // Literal.String.Other
94
- .sr { color: #009926 } // Literal.String.Regex
95
- .s1 { color: #d14 } // Literal.String.Single
96
- .ss { color: #990073 } // Literal.String.Symbol
97
- .bp { color: #999 } // Name.Builtin.Pseudo
98
- .vc { color: #008080 } // Name.Variable.Class
99
- .vg { color: #008080 } // Name.Variable.Global
100
- .vi { color: #008080 } // Name.Variable.Instance
101
- .il { color: #099 } // Literal.Number.Integer.Long
102
- }
103
- }
104
-
105
-
106
- // Dark mode
107
- // ---------
108
-
109
- $dm-brand-color: #999999 !default;
110
- $dm-brand-color-light: lighten($dm-brand-color, 5%) !default;
111
- $dm-brand-color-dark: darken($dm-brand-color, 35%) !default;
112
-
113
- $dm-site-title-color: $dm-brand-color-light !default;
114
-
115
- $dm-text-color: #bbbbbb !default;
116
- $dm-background-color: #181818 !default;
117
- $dm-code-background-color: #212121 !default;
118
-
119
- $dm-link-base-color: #79b8ff !default;
120
- $dm-link-visited-color: $dm-link-base-color !default;
121
- $dm-link-hover-color: $dm-text-color !default;
122
-
123
- $dm-border-color-01: $dm-brand-color-dark !default;
124
- $dm-border-color-02: $dm-brand-color-light !default;
125
- $dm-border-color-03: $dm-brand-color !default;
126
-
127
- $dm-table-text-color: $dm-text-color !default;
128
- $dm-table-zebra-color: lighten($dm-background-color, 4%) !default;
129
- $dm-table-header-bg-color: lighten($dm-background-color, 10%) !default;
130
- $dm-table-header-border: lighten($dm-background-color, 21%) !default;
131
- $dm-table-border-color: $dm-border-color-01 !default;
132
-
133
-
134
- // Syntax highlighting styles should be adjusted appropriately for every "skin"
135
- // List of tokens: https://github.com/rouge-ruby/rouge/wiki/List-of-tokens
136
- // Some colors come from Material Theme Darker:
137
- // https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/settings/specific/darker-hc.ts
138
- // https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/color-set.ts
139
- // ----------------------------------------------------------------------------
140
-
141
- @mixin dm-highlight {
142
- .highlight {
143
- .c { color: #545454; font-style: italic } // Comment
144
- .err { color: #f07178; background-color: #e3d2d2 } // Error
145
- .k { color: #89DDFF; font-weight: bold } // Keyword
146
- .o { font-weight: bold } // Operator
147
- .cm { color: #545454; font-style: italic } // Comment.Multiline
148
- .cp { color: #545454; font-weight: bold } // Comment.Preproc
149
- .c1 { color: #545454; font-style: italic } // Comment.Single
150
- .cs { color: #545454; font-weight: bold; font-style: italic } // Comment.Special
151
- .gd { color: #000; background-color: #fdd } // Generic.Deleted
152
- .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
153
- .ge { font-style: italic } // Generic.Emph
154
- .gr { color: #f07178 } // Generic.Error
155
- .gh { color: #999 } // Generic.Heading
156
- .gi { color: #000; background-color: #dfd } // Generic.Inserted
157
- .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
158
- .go { color: #888 } // Generic.Output
159
- .gp { color: #555 } // Generic.Prompt
160
- .gs { font-weight: bold } // Generic.Strong
161
- .gu { color: #aaa } // Generic.Subheading
162
- .gt { color: #f07178 } // Generic.Traceback
163
- .kc { font-weight: bold } // Keyword.Constant
164
- .kd { font-weight: bold } // Keyword.Declaration
165
- .kp { font-weight: bold } // Keyword.Pseudo
166
- .kr { font-weight: bold } // Keyword.Reserved
167
- .kt { color: #FFCB6B; font-weight: bold } // Keyword.Type
168
- .m { color: #F78C6C } // Literal.Number
169
- .s { color: #C3E88D } // Literal.String
170
- .na { color: #008080 } // Name.Attribute
171
- .nb { color: #EEFFFF } // Name.Builtin
172
- .nc { color: #FFCB6B; font-weight: bold } // Name.Class
173
- .no { color: #008080 } // Name.Constant
174
- .ni { color: #800080 } // Name.Entity
175
- .ne { color: #900; font-weight: bold } // Name.Exception
176
- .nf { color: #82AAFF; font-weight: bold } // Name.Function
177
- .nn { color: #555 } // Name.Namespace
178
- .nt { color: #FFCB6B } // Name.Tag
179
- .nv { color: #EEFFFF } // Name.Variable
180
- .ow { font-weight: bold } // Operator.Word
181
- .w { color: #EEFFFF } // Text.Whitespace
182
- .mf { color: #F78C6C } // Literal.Number.Float
183
- .mh { color: #F78C6C } // Literal.Number.Hex
184
- .mi { color: #F78C6C } // Literal.Number.Integer
185
- .mo { color: #F78C6C } // Literal.Number.Oct
186
- .sb { color: #C3E88D } // Literal.String.Backtick
187
- .sc { color: #C3E88D } // Literal.String.Char
188
- .sd { color: #C3E88D } // Literal.String.Doc
189
- .s2 { color: #C3E88D } // Literal.String.Double
190
- .se { color: #EEFFFF } // Literal.String.Escape
191
- .sh { color: #C3E88D } // Literal.String.Heredoc
192
- .si { color: #C3E88D } // Literal.String.Interpol
193
- .sx { color: #C3E88D } // Literal.String.Other
194
- .sr { color: #C3E88D } // Literal.String.Regex
195
- .s1 { color: #C3E88D } // Literal.String.Single
196
- .ss { color: #C3E88D } // Literal.String.Symbol
197
- .bp { color: #999 } // Name.Builtin.Pseudo
198
- .vc { color: #FFCB6B } // Name.Variable.Class
199
- .vg { color: #EEFFFF } // Name.Variable.Global
200
- .vi { color: #EEFFFF } // Name.Variable.Instance
201
- .il { color: #F78C6C } // Literal.Number.Integer.Long
202
- }
203
- }
204
-
205
-
206
- // Mode selection
207
- // --------------
208
-
209
-
210
- // Classic skin (always light mode)
211
- // Assign outside of the if construct to establish global variable scope
212
-
213
- $brand-color: $lm-brand-color;
214
- $brand-color-light: $lm-brand-color-light;
215
- $brand-color-dark: $lm-brand-color-dark;
216
-
217
- $site-title-color: $lm-site-title-color;
218
-
219
- $text-color: $lm-text-color;
220
- $background-color: $lm-background-color;
221
- $code-background-color: $lm-code-background-color;
222
-
223
- $link-base-color: $lm-link-base-color;
224
- $link-visited-color: $lm-link-visited-color;
225
- $link-hover-color: $lm-link-hover-color;
226
-
227
- $border-color-01: $lm-border-color-01;
228
- $border-color-02: $lm-border-color-02;
229
- $border-color-03: $lm-border-color-03;
230
-
231
- $table-text-color: $lm-table-text-color;
232
- $table-zebra-color: $lm-table-zebra-color;
233
- $table-header-bg-color: $lm-table-header-bg-color;
234
- $table-header-border: $lm-table-header-border;
235
- $table-border-color: $lm-table-border-color;
236
-
237
-
238
- @if $color-scheme-auto {
239
-
240
- // Auto mode
241
-
242
- :root {
243
- --minima-brand-color: #{$lm-brand-color};
244
- --minima-brand-color-light: #{$lm-brand-color-light};
245
- --minima-brand-color-dark: #{$lm-brand-color-dark};
246
-
247
- --minima-site-title-color: #{$lm-site-title-color};
248
-
249
- --minima-text-color: #{$lm-text-color};
250
- --minima-background-color: #{$lm-background-color};
251
- --minima-code-background-color: #{$lm-code-background-color};
252
-
253
- --minima-link-base-color: #{$lm-link-base-color};
254
- --minima-link-visited-color: #{$lm-link-visited-color};
255
- --minima-link-hover-color: #{$lm-link-hover-color};
256
-
257
- --minima-border-color-01: #{$lm-border-color-01};
258
- --minima-border-color-02: #{$lm-border-color-02};
259
- --minima-border-color-03: #{$lm-border-color-03};
260
-
261
- --minima-table-text-color: #{$lm-table-text-color};
262
- --minima-table-zebra-color: #{$lm-table-zebra-color};
263
- --minima-table-header-bg-color: #{$lm-table-header-bg-color};
264
- --minima-table-header-border: #{$lm-table-header-border};
265
- --minima-table-border-color: #{$lm-table-border-color};
266
- }
267
-
268
- @include lm-highlight;
269
-
270
- @media (prefers-color-scheme: dark) {
271
- :root {
272
- --minima-brand-color: #{$dm-brand-color};
273
- --minima-brand-color-light: #{$dm-brand-color-light};
274
- --minima-brand-color-dark: #{$dm-brand-color-dark};
275
-
276
- --minima-site-title-color: #{$dm-site-title-color};
277
-
278
- --minima-text-color: #{$dm-text-color};
279
- --minima-background-color: #{$dm-background-color};
280
- --minima-code-background-color: #{$dm-code-background-color};
281
-
282
- --minima-link-base-color: #{$dm-link-base-color};
283
- --minima-link-visited-color: #{$dm-link-visited-color};
284
- --minima-link-hover-color: #{$dm-link-hover-color};
285
-
286
- --minima-border-color-01: #{$dm-border-color-01};
287
- --minima-border-color-02: #{$dm-border-color-02};
288
- --minima-border-color-03: #{$dm-border-color-03};
289
-
290
- --minima-table-text-color: #{$dm-table-text-color};
291
- --minima-table-zebra-color: #{$dm-table-zebra-color};
292
- --minima-table-header-bg-color: #{$dm-table-header-bg-color};
293
- --minima-table-header-border: #{$dm-table-header-border};
294
- --minima-table-border-color: #{$dm-table-border-color};
295
- }
296
-
297
- @include dm-highlight;
298
- }
299
-
300
- $brand-color: var(--minima-brand-color);
301
- $brand-color-light: var(--minima-brand-color-light);
302
- $brand-color-dark: var(--minima-brand-color-dark);
303
-
304
- $site-title-color: var(--minima-site-title-color);
305
-
306
- $text-color: var(--minima-text-color);
307
- $background-color: var(--minima-background-color);
308
- $code-background-color: var(--minima-code-background-color);
309
-
310
- $link-base-color: var(--minima-link-base-color);
311
- $link-visited-color: var(--minima-link-visited-color);
312
- $link-hover-color: var(--minima-link-hover-color);
313
-
314
- $border-color-01: var(--minima-border-color-01);
315
- $border-color-02: var(--minima-border-color-02);
316
- $border-color-03: var(--minima-border-color-03);
317
-
318
- $table-text-color: var(--minima-table-text-color);
319
- $table-zebra-color: var(--minima-table-zebra-color);
320
- $table-header-bg-color: var(--minima-table-header-bg-color);
321
- $table-header-border: var(--minima-table-header-border);
322
- $table-border-color: var(--minima-table-border-color);
323
-
324
-
325
- } @else if $color-scheme-dark {
326
-
327
- // Dark skin (always dark mode)
328
-
329
- $brand-color: $dm-brand-color;
330
- $brand-color-light: $dm-brand-color-light;
331
- $brand-color-dark: $dm-brand-color-dark;
332
-
333
- $site-title-color: $dm-site-title-color;
334
-
335
- $text-color: $dm-text-color;
336
- $background-color: $dm-background-color;
337
- $code-background-color: $dm-code-background-color;
338
-
339
- $link-base-color: $dm-link-base-color;
340
- $link-visited-color: $dm-link-visited-color;
341
- $link-hover-color: $dm-link-hover-color;
342
-
343
- $border-color-01: $dm-border-color-01;
344
- $border-color-02: $dm-border-color-02;
345
- $border-color-03: $dm-border-color-03;
346
-
347
- $table-text-color: $dm-table-text-color;
348
- $table-zebra-color: $dm-table-zebra-color;
349
- $table-header-bg-color: $dm-table-header-bg-color;
350
- $table-header-border: $dm-table-header-border;
351
- $table-border-color: $dm-table-border-color;
352
-
353
- @include dm-highlight;
354
-
355
-
356
- } @else {
357
-
358
- // Classic skin syntax highlighting
359
- @include lm-highlight;
360
-
361
- }
@@ -1,5 +0,0 @@
1
- @charset "utf-8";
2
-
3
- $color-scheme-auto: false;
4
- $color-scheme-dark: false;
5
- @import "minima/skins/auto";
@@ -1,5 +0,0 @@
1
- @charset "utf-8";
2
-
3
- $color-scheme-auto: false;
4
- $color-scheme-dark: true;
5
- @import "minima/skins/auto";
@@ -1,5 +0,0 @@
1
- @charset "utf-8";
2
-
3
- $sol-is-auto: false;
4
- $sol-is-dark: true;
5
- @import "minima/skins/solarized";
@@ -1,4 +0,0 @@
1
- @charset "utf-8";
2
-
3
- $sol-is-auto: false;
4
- @import "minima/skins/solarized";
@@ -1,201 +0,0 @@
1
- @charset "utf-8";
2
-
3
- // Solarized skin
4
- // ==============
5
- // Created by Sander Voerman <mailto:sander@savoerman.nl> using the Solarized
6
- // color scheme by Ethan Schoonover <https://ethanschoonover.com/solarized>.
7
-
8
- // This style sheet implements three options for the minima.skin setting:
9
- // "solarized-light" for light mode, "solarized-dark" for dark mode, and
10
- // "solarized" for light or dark mode depending on user preference.
11
- $sol-is-auto: true !default;
12
- $sol-is-dark: false !default;
13
-
14
-
15
- // Color scheme
16
- // ------------
17
- // The inline comments show the canonical L*a*b values for each color.
18
-
19
- $sol-base03: #002b36; // 15 -12 -12
20
- $sol-base02: #073642; // 20 -12 -12
21
- $sol-base01: #586e75; // 45 -07 -07
22
- $sol-base00: #657b83; // 50 -07 -07
23
- $sol-base0: #839496; // 60 -06 -03
24
- $sol-base1: #93a1a1; // 65 -05 -02
25
- $sol-base2: #eee8d5; // 92 -00 10
26
- $sol-base3: #fdf6e3; // 97 00 10
27
- $sol-yellow: #b58900; // 60 10 65
28
- $sol-orange: #cb4b16; // 50 50 55
29
- $sol-red: #dc322f; // 50 65 45
30
- $sol-magenta: #d33682; // 50 65 -05
31
- $sol-violet: #6c71c4; // 50 15 -45
32
- $sol-blue: #268bd2; // 55 -10 -45
33
- $sol-cyan: #2aa198; // 60 -35 -05
34
- $sol-green: #859900; // 60 -20 65
35
-
36
-
37
- // Mixed colors
38
- // ------------
39
- // While not part of the original Solarized base tones, these derived tones
40
- // are meant to replicate the visual style of the classic skin. They should
41
- // not be used in cases where sufficiently contrasting colors are needed.
42
-
43
- $sol-light-mix1: mix($sol-base1, $sol-base3);
44
- $sol-light-mix2: mix($sol-blue, $sol-base00);
45
- $sol-light-mix3: mix($sol-base2, $sol-base3);
46
- $sol-dark-mix1: mix($sol-base01, $sol-base03);
47
- $sol-dark-mix2: mix($sol-blue, $sol-base0);
48
- $sol-dark-mix3: mix($sol-base02, $sol-base03);
49
-
50
-
51
- // Mode selection
52
- // --------------
53
-
54
- $sol-mono3: $sol-base3;
55
- $sol-mono2: $sol-base2;
56
- $sol-mono1: $sol-base1;
57
- $sol-mono00: $sol-base00;
58
- $sol-mono01: $sol-base01;
59
- $sol-mix1: $sol-light-mix1;
60
- $sol-mix2: $sol-light-mix2;
61
- $sol-mix3: $sol-light-mix3;
62
-
63
- @if $sol-is-dark {
64
- $sol-mono3: $sol-base03;
65
- $sol-mono2: $sol-base02;
66
- $sol-mono1: $sol-base01;
67
- $sol-mono00: $sol-base0;
68
- $sol-mono01: $sol-base1;
69
- $sol-mix1: $sol-dark-mix1;
70
- $sol-mix2: $sol-dark-mix2;
71
- $sol-mix3: $sol-dark-mix3;
72
- }
73
-
74
- @if $sol-is-auto {
75
- :root {
76
- --solarized-mono3: #{$sol-base3};
77
- --solarized-mono2: #{$sol-base2};
78
- --solarized-mono1: #{$sol-base1};
79
- --solarized-mono00: #{$sol-base00};
80
- --solarized-mono01: #{$sol-base01};
81
- --solarized-mix1: #{$sol-light-mix1};
82
- --solarized-mix2: #{$sol-light-mix2};
83
- --solarized-mix3: #{$sol-light-mix3};
84
- }
85
-
86
- @media (prefers-color-scheme: dark) {
87
- :root {
88
- --solarized-mono3: #{$sol-base03};
89
- --solarized-mono2: #{$sol-base02};
90
- --solarized-mono1: #{$sol-base01};
91
- --solarized-mono00: #{$sol-base0};
92
- --solarized-mono01: #{$sol-base1};
93
- --solarized-mix1: #{$sol-dark-mix1};
94
- --solarized-mix2: #{$sol-dark-mix2};
95
- --solarized-mix3: #{$sol-dark-mix3};
96
- }
97
- }
98
-
99
- $sol-mono3: var(--solarized-mono3);
100
- $sol-mono2: var(--solarized-mono2);
101
- $sol-mono1: var(--solarized-mono1);
102
- $sol-mono00: var(--solarized-mono00);
103
- $sol-mono01: var(--solarized-mono01);
104
- $sol-mix1: var(--solarized-mix1);
105
- $sol-mix2: var(--solarized-mix2);
106
- $sol-mix3: var(--solarized-mix3);
107
- }
108
-
109
-
110
- // Minima color variables
111
- // ----------------------
112
-
113
- $brand-color: $sol-mono1 !default;
114
- $brand-color-light: $sol-mix1 !default;
115
- $brand-color-dark: $sol-mono00 !default;
116
-
117
- $site-title-color: $sol-mono00 !default;
118
-
119
- $text-color: $sol-mono01 !default;
120
- $background-color: $sol-mono3 !default;
121
- $code-background-color: $sol-mono2 !default;
122
-
123
- $link-base-color: $sol-blue !default;
124
- $link-visited-color: $sol-mix2 !default;
125
- $link-hover-color: $sol-mono00 !default;
126
-
127
- $border-color-01: $brand-color-light !default;
128
- $border-color-02: $sol-mono1 !default;
129
- $border-color-03: $sol-mono00 !default;
130
-
131
- $table-text-color: $sol-mono00 !default;
132
- $table-zebra-color: $sol-mix3 !default;
133
- $table-header-bg-color: $sol-mono2 !default;
134
- $table-header-border: $sol-mono1 !default;
135
- $table-border-color: $sol-mono1 !default;
136
-
137
-
138
- // Syntax highlighting styles
139
- // --------------------------
140
-
141
- .highlight {
142
- .c { color: $sol-mono1; font-style: italic } // Comment
143
- .err { color: $sol-red } // Error
144
- .k { color: $sol-mono01; font-weight: bold } // Keyword
145
- .o { color: $sol-mono01; font-weight: bold } // Operator
146
- .cm { color: $sol-mono1; font-style: italic } // Comment.Multiline
147
- .cp { color: $sol-mono1; font-weight: bold } // Comment.Preproc
148
- .c1 { color: $sol-mono1; font-style: italic } // Comment.Single
149
- .cs { color: $sol-mono1; font-weight: bold; font-style: italic } // Comment.Special
150
- .gd { color: $sol-red } // Generic.Deleted
151
- .gd .x { color: $sol-red } // Generic.Deleted.Specific
152
- .ge { color: $sol-mono00; font-style: italic } // Generic.Emph
153
- .gr { color: $sol-red } // Generic.Error
154
- .gh { color: $sol-mono1 } // Generic.Heading
155
- .gi { color: $sol-green } // Generic.Inserted
156
- .gi .x { color: $sol-green } // Generic.Inserted.Specific
157
- .go { color: $sol-mono00 } // Generic.Output
158
- .gp { color: $sol-mono00 } // Generic.Prompt
159
- .gs { color: $sol-mono01; font-weight: bold } // Generic.Strong
160
- .gu { color: $sol-mono1 } // Generic.Subheading
161
- .gt { color: $sol-red } // Generic.Traceback
162
- .kc { color: $sol-mono01; font-weight: bold } // Keyword.Constant
163
- .kd { color: $sol-mono01; font-weight: bold } // Keyword.Declaration
164
- .kp { color: $sol-mono01; font-weight: bold } // Keyword.Pseudo
165
- .kr { color: $sol-mono01; font-weight: bold } // Keyword.Reserved
166
- .kt { color: $sol-violet; font-weight: bold } // Keyword.Type
167
- .m { color: $sol-cyan } // Literal.Number
168
- .s { color: $sol-magenta } // Literal.String
169
- .na { color: $sol-cyan } // Name.Attribute
170
- .nb { color: $sol-blue } // Name.Builtin
171
- .nc { color: $sol-violet; font-weight: bold } // Name.Class
172
- .no { color: $sol-cyan } // Name.Constant
173
- .ni { color: $sol-violet } // Name.Entity
174
- .ne { color: $sol-violet; font-weight: bold } // Name.Exception
175
- .nf { color: $sol-blue; font-weight: bold } // Name.Function
176
- .nn { color: $sol-mono00 } // Name.Namespace
177
- .nt { color: $sol-blue } // Name.Tag
178
- .nv { color: $sol-cyan } // Name.Variable
179
- .ow { color: $sol-mono01; font-weight: bold } // Operator.Word
180
- .w { color: $sol-mono1 } // Text.Whitespace
181
- .mf { color: $sol-cyan } // Literal.Number.Float
182
- .mh { color: $sol-cyan } // Literal.Number.Hex
183
- .mi { color: $sol-cyan } // Literal.Number.Integer
184
- .mo { color: $sol-cyan } // Literal.Number.Oct
185
- .sb { color: $sol-magenta } // Literal.String.Backtick
186
- .sc { color: $sol-magenta } // Literal.String.Char
187
- .sd { color: $sol-magenta } // Literal.String.Doc
188
- .s2 { color: $sol-magenta } // Literal.String.Double
189
- .se { color: $sol-magenta } // Literal.String.Escape
190
- .sh { color: $sol-magenta } // Literal.String.Heredoc
191
- .si { color: $sol-magenta } // Literal.String.Interpol
192
- .sx { color: $sol-magenta } // Literal.String.Other
193
- .sr { color: $sol-green } // Literal.String.Regex
194
- .s1 { color: $sol-magenta } // Literal.String.Single
195
- .ss { color: $sol-magenta } // Literal.String.Symbol
196
- .bp { color: $sol-mono1 } // Name.Builtin.Pseudo
197
- .vc { color: $sol-cyan } // Name.Variable.Class
198
- .vg { color: $sol-cyan } // Name.Variable.Global
199
- .vi { color: $sol-cyan } // Name.Variable.Instance
200
- .il { color: $sol-cyan } // Literal.Number.Integer.Long
201
- }