minimal-mistakes-jekyll 4.5.2 → 4.6.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +15 -2
- data/_includes/comments.html +2 -2
- data/_includes/head.html +43 -32
- data/_includes/scripts.html +12 -1
- data/_layouts/default.html +1 -1
- data/_layouts/single.html +1 -1
- data/_sass/minimal-mistakes.scss +1 -1
- data/_sass/minimal-mistakes/_archive.scss +317 -316
- data/_sass/minimal-mistakes/_base.scss +8 -7
- data/_sass/minimal-mistakes/_buttons.scss +36 -91
- data/_sass/minimal-mistakes/_footer.scss +3 -4
- data/_sass/minimal-mistakes/_forms.scss +7 -9
- data/_sass/minimal-mistakes/_mixins.scss +39 -0
- data/_sass/minimal-mistakes/_navigation.scss +426 -426
- data/_sass/minimal-mistakes/_notices.scss +1 -0
- data/_sass/minimal-mistakes/_page.scss +3 -6
- data/_sass/minimal-mistakes/_sidebar.scss +2 -2
- data/_sass/minimal-mistakes/_syntax.scss +2 -2
- data/_sass/minimal-mistakes/_tables.scss +3 -3
- data/_sass/minimal-mistakes/_utilities.scss +2 -2
- data/_sass/minimal-mistakes/_variables.scss +91 -84
- data/_sass/minimal-mistakes/skins/_air.scss +23 -0
- data/_sass/minimal-mistakes/skins/_contrast.scss +34 -0
- data/_sass/minimal-mistakes/skins/_dark.scss +24 -0
- data/_sass/minimal-mistakes/skins/_default.scss +5 -0
- data/_sass/minimal-mistakes/skins/_dirt.scss +15 -0
- data/_sass/minimal-mistakes/skins/_mint.scss +23 -0
- data/_sass/minimal-mistakes/skins/_sunrise.scss +26 -0
- data/assets/css/main.scss +2 -1
- data/assets/js/main.min.js +5 -5
- data/assets/js/plugins/jquery.magnific-popup.js +1860 -2049
- data/assets/js/plugins/jquery.smooth-scroll.min.js +9 -8
- data/assets/js/vendor/jquery/jquery-3.2.1.min.js +4 -0
- metadata +10 -3
- data/assets/js/vendor/jquery/jquery-1.12.4.min.js +0 -5
@@ -91,8 +91,7 @@
|
|
91
91
|
}
|
92
92
|
}
|
93
93
|
|
94
|
-
a {
|
95
|
-
text-decoration: none;
|
94
|
+
a:not(.btn) {
|
96
95
|
|
97
96
|
&:hover {
|
98
97
|
text-decoration: underline;
|
@@ -250,7 +249,7 @@
|
|
250
249
|
|
251
250
|
.page__meta {
|
252
251
|
margin-top: 2em;
|
253
|
-
color:
|
252
|
+
color: $muted-text-color;
|
254
253
|
font-family: $sans-serif;
|
255
254
|
font-size: $type-size-6;
|
256
255
|
|
@@ -290,7 +289,7 @@
|
|
290
289
|
margin-bottom: 8px;
|
291
290
|
padding: 5px 10px;
|
292
291
|
text-decoration: none;
|
293
|
-
border: 1px solid $
|
292
|
+
border: 1px solid mix(#000, $border-color, 25%);
|
294
293
|
border-radius: $border-radius;
|
295
294
|
|
296
295
|
&:hover {
|
@@ -322,8 +321,6 @@
|
|
322
321
|
}
|
323
322
|
|
324
323
|
.page__comments-form {
|
325
|
-
padding: 1em;
|
326
|
-
background: $lighter-gray;
|
327
324
|
-webkit-transition: $global-transition;
|
328
325
|
transition: $global-transition;
|
329
326
|
|
@@ -189,7 +189,7 @@
|
|
189
189
|
list-style-type: none;
|
190
190
|
border: 1px solid $border-color;
|
191
191
|
border-radius: $border-radius;
|
192
|
-
background:
|
192
|
+
background: $background-color;
|
193
193
|
z-index: -1;
|
194
194
|
box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);
|
195
195
|
cursor: default;
|
@@ -234,7 +234,7 @@
|
|
234
234
|
width: 0;
|
235
235
|
border-style: solid;
|
236
236
|
border-width: 0 10px 10px;
|
237
|
-
border-color:
|
237
|
+
border-color: $background-color transparent;
|
238
238
|
z-index: 1;
|
239
239
|
|
240
240
|
@include breakpoint($large) {
|
@@ -19,7 +19,7 @@ figure.highlight {
|
|
19
19
|
top: 0;
|
20
20
|
right: 0;
|
21
21
|
padding: 0.5em;
|
22
|
-
background-color: $
|
22
|
+
background-color: $border-color;
|
23
23
|
content: "\f121";
|
24
24
|
font-family: "fontawesome" !important;
|
25
25
|
line-height: 1;
|
@@ -49,7 +49,7 @@ figure.highlight {
|
|
49
49
|
/* line numbers*/
|
50
50
|
&.gutter {
|
51
51
|
padding-right: 1em;
|
52
|
-
color: $
|
52
|
+
color: rgba($muted-text-color, 0.5);
|
53
53
|
}
|
54
54
|
}
|
55
55
|
|
@@ -15,8 +15,8 @@ table {
|
|
15
15
|
}
|
16
16
|
|
17
17
|
thead {
|
18
|
-
background-color: $
|
19
|
-
border-bottom: 2px solid $
|
18
|
+
background-color: $border-color;
|
19
|
+
border-bottom: 2px solid mix(#000, $border-color, 25%);
|
20
20
|
}
|
21
21
|
|
22
22
|
th {
|
@@ -27,7 +27,7 @@ th {
|
|
27
27
|
|
28
28
|
td {
|
29
29
|
padding: 0.5em;
|
30
|
-
border-bottom: 1px solid $
|
30
|
+
border-bottom: 1px solid mix(#000, $border-color, 25%);
|
31
31
|
}
|
32
32
|
|
33
33
|
tr,
|
@@ -57,7 +57,7 @@ body:hover .visually-hidden button {
|
|
57
57
|
background: #fff;
|
58
58
|
z-index: 100000;
|
59
59
|
text-decoration: none;
|
60
|
-
box-shadow: 0 0 2px 2px rgba(0,0,0
|
60
|
+
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
61
61
|
}
|
62
62
|
|
63
63
|
|
@@ -185,7 +185,7 @@ body:hover .visually-hidden button {
|
|
185
185
|
|
186
186
|
.social-icons {
|
187
187
|
.fa {
|
188
|
-
color:
|
188
|
+
color: $text-color;
|
189
189
|
}
|
190
190
|
|
191
191
|
.fa-behance,
|
@@ -6,125 +6,132 @@
|
|
6
6
|
Typography
|
7
7
|
========================================================================== */
|
8
8
|
|
9
|
-
$doc-font-size
|
9
|
+
$doc-font-size : 16 !default;
|
10
10
|
|
11
11
|
/* paragraph indention */
|
12
|
-
$paragraph-indent
|
13
|
-
$indent-var
|
12
|
+
$paragraph-indent : false !default; // true, false (default)
|
13
|
+
$indent-var : 1.3em !default;
|
14
14
|
|
15
15
|
/* system typefaces */
|
16
|
-
$serif
|
17
|
-
$sans-serif
|
18
|
-
$monospace
|
16
|
+
$serif : Georgia, Times, serif !default;
|
17
|
+
$sans-serif : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
|
18
|
+
$monospace : Monaco, Consolas, "Lucida Console", monospace !default;
|
19
19
|
|
20
20
|
/* sans serif typefaces */
|
21
|
-
$sans-serif-narrow
|
22
|
-
$helvetica
|
21
|
+
$sans-serif-narrow : $sans-serif !default;
|
22
|
+
$helvetica : Helvetica, "Helvetica Neue", Arial, sans-serif !default;
|
23
23
|
|
24
24
|
/* serif typefaces */
|
25
|
-
$georgia
|
26
|
-
$times
|
27
|
-
$bodoni
|
28
|
-
$calisto
|
29
|
-
$garamond
|
25
|
+
$georgia : Georgia, serif !default;
|
26
|
+
$times : Times, serif !default;
|
27
|
+
$bodoni : "Bodoni MT", serif !default;
|
28
|
+
$calisto : "Calisto MT", serif !default;
|
29
|
+
$garamond : Garamond, serif !default;
|
30
30
|
|
31
|
-
$global-font-family
|
32
|
-
$header-font-family
|
33
|
-
$caption-font-family
|
31
|
+
$global-font-family : $sans-serif !default;
|
32
|
+
$header-font-family : $sans-serif !default;
|
33
|
+
$caption-font-family : $serif !default;
|
34
34
|
|
35
35
|
/* type scale */
|
36
|
-
$type-size-1
|
37
|
-
$type-size-2
|
38
|
-
$type-size-3
|
39
|
-
$type-size-4
|
40
|
-
$type-size-5
|
41
|
-
$type-size-6
|
42
|
-
$type-size-7
|
43
|
-
$type-size-8
|
36
|
+
$type-size-1 : 2.441em !default; // ~39.056px
|
37
|
+
$type-size-2 : 1.953em !default; // ~31.248px
|
38
|
+
$type-size-3 : 1.563em !default; // ~25.008px
|
39
|
+
$type-size-4 : 1.25em !default; // ~20px
|
40
|
+
$type-size-5 : 1em !default; // ~16px
|
41
|
+
$type-size-6 : 0.75em !default; // ~12px
|
42
|
+
$type-size-7 : 0.6875em !default; // ~11px
|
43
|
+
$type-size-8 : 0.625em !default; // ~10px
|
44
44
|
|
45
45
|
|
46
46
|
/*
|
47
47
|
Colors
|
48
48
|
========================================================================== */
|
49
49
|
|
50
|
-
$gray
|
51
|
-
$dark-gray
|
52
|
-
$darker-gray
|
53
|
-
$light-gray
|
54
|
-
$lighter-gray
|
55
|
-
|
56
|
-
$
|
57
|
-
$background-color
|
58
|
-
$code-background-color
|
59
|
-
$
|
60
|
-
$text-color
|
61
|
-
$border-color
|
62
|
-
|
63
|
-
$
|
64
|
-
|
65
|
-
$
|
66
|
-
$
|
67
|
-
$
|
50
|
+
$gray : #7a8288 !default;
|
51
|
+
$dark-gray : mix(#000, $gray, 40%) !default;
|
52
|
+
$darker-gray : mix(#000, $gray, 60%) !default;
|
53
|
+
$light-gray : mix(#fff, $gray, 50%) !default;
|
54
|
+
$lighter-gray : mix(#fff, $gray, 90%) !default;
|
55
|
+
|
56
|
+
$background-color : #fff !default;
|
57
|
+
$code-background-color : #fafafa !default;
|
58
|
+
$code-background-color-dark : $light-gray !default;
|
59
|
+
$text-color : $dark-gray !default;
|
60
|
+
$muted-text-color : mix(#fff, $text-color, 35%) !default;
|
61
|
+
$border-color : $lighter-gray !default;
|
62
|
+
$form-background-color : $lighter-gray !default;
|
63
|
+
$footer-background-color : $lighter-gray !default;
|
64
|
+
|
65
|
+
$primary-color : #7a8288 !default;
|
66
|
+
$success-color : #62c462 !default;
|
67
|
+
$warning-color : #f89406 !default;
|
68
|
+
$danger-color : #ee5f5b !default;
|
69
|
+
$info-color : #52adc8 !default;
|
70
|
+
|
71
|
+
/* YIQ color contrast */
|
72
|
+
$yiq-contrasted-dark-default : $dark-gray !default;
|
73
|
+
$yiq-contrasted-light-default : #fff !default;
|
74
|
+
$yiq-contrasted-threshold : 175 !default;
|
75
|
+
$yiq-debug : false !default;
|
68
76
|
|
69
77
|
/* brands */
|
70
|
-
$behance-color
|
71
|
-
$bitbucket-color
|
72
|
-
$dribbble-color
|
73
|
-
$facebook-color
|
74
|
-
$flickr-color
|
75
|
-
$foursquare-color
|
76
|
-
$github-color
|
77
|
-
$google-plus-color
|
78
|
-
$instagram-color
|
79
|
-
$lastfm-color
|
80
|
-
$linkedin-color
|
81
|
-
$pinterest-color
|
82
|
-
$rss-color
|
83
|
-
$soundcloud-color
|
84
|
-
$stackoverflow-color
|
85
|
-
$tumblr-color
|
86
|
-
$twitter-color
|
87
|
-
$vimeo-color
|
88
|
-
$vine-color
|
89
|
-
$youtube-color
|
90
|
-
$xing-color
|
91
|
-
|
78
|
+
$behance-color : #1769FF !default;
|
79
|
+
$bitbucket-color : #205081 !default;
|
80
|
+
$dribbble-color : #ea4c89 !default;
|
81
|
+
$facebook-color : #3b5998 !default;
|
82
|
+
$flickr-color : #ff0084 !default;
|
83
|
+
$foursquare-color : #0072b1 !default;
|
84
|
+
$github-color : #171516 !default;
|
85
|
+
$google-plus-color : #dd4b39 !default;
|
86
|
+
$instagram-color : #517fa4 !default;
|
87
|
+
$lastfm-color : #d51007 !default;
|
88
|
+
$linkedin-color : #007bb6 !default;
|
89
|
+
$pinterest-color : #cb2027 !default;
|
90
|
+
$rss-color : #fa9b39 !default;
|
91
|
+
$soundcloud-color : #ff3300 !default;
|
92
|
+
$stackoverflow-color : #fe7a15 !default;
|
93
|
+
$tumblr-color : #32506d !default;
|
94
|
+
$twitter-color : #55acee !default;
|
95
|
+
$vimeo-color : #1ab7ea !default;
|
96
|
+
$vine-color : #00bf8f !default;
|
97
|
+
$youtube-color : #bb0000 !default;
|
98
|
+
$xing-color : #006567 !default;
|
92
99
|
|
93
100
|
/* links */
|
94
|
-
$link-color
|
95
|
-
$link-color-hover
|
96
|
-
$link-color-visited
|
97
|
-
$masthead-link-color
|
98
|
-
$masthead-link-color-hover
|
99
|
-
$navicon-link-color-hover
|
101
|
+
$link-color : $info-color !default;
|
102
|
+
$link-color-hover : mix(#000, $link-color, 25%) !default;
|
103
|
+
$link-color-visited : mix(#fff, $link-color, 25%) !default;
|
104
|
+
$masthead-link-color : $primary-color !default;
|
105
|
+
$masthead-link-color-hover : mix(#000, $primary-color, 25%) !default;
|
106
|
+
$navicon-link-color-hover : mix(#fff, $primary-color, 75%) !default;
|
100
107
|
|
101
108
|
/*
|
102
109
|
Breakpoints
|
103
110
|
========================================================================== */
|
104
111
|
|
105
|
-
$small
|
106
|
-
$medium
|
107
|
-
$medium-wide
|
108
|
-
$large
|
109
|
-
$x-large
|
112
|
+
$small : 600px !default;
|
113
|
+
$medium : 768px !default;
|
114
|
+
$medium-wide : 900px !default;
|
115
|
+
$large : 1024px !default;
|
116
|
+
$x-large : 1280px !default;
|
110
117
|
|
111
118
|
|
112
119
|
/*
|
113
120
|
Grid
|
114
121
|
========================================================================== */
|
115
122
|
|
116
|
-
$right-sidebar-width-narrow
|
117
|
-
$right-sidebar-width
|
118
|
-
$right-sidebar-width-wide
|
123
|
+
$right-sidebar-width-narrow : 200px !default;
|
124
|
+
$right-sidebar-width : 300px !default;
|
125
|
+
$right-sidebar-width-wide : 400px !default;
|
119
126
|
|
120
127
|
|
121
128
|
/*
|
122
129
|
Other
|
123
130
|
========================================================================== */
|
124
131
|
|
125
|
-
$border-radius
|
126
|
-
$box-shadow
|
127
|
-
$navicon-width
|
128
|
-
$navicon-height
|
129
|
-
$global-transition
|
130
|
-
$intro-transition
|
132
|
+
$border-radius : 4px !default;
|
133
|
+
$box-shadow : 0 1px 1px rgba(0, 0, 0, 0.125) !default;
|
134
|
+
$navicon-width : 1.5rem !default;
|
135
|
+
$navicon-height : 0.25rem !default;
|
136
|
+
$global-transition : all 0.2s ease-in-out !default;
|
137
|
+
$intro-transition : intro 0.3s both !default;
|
@@ -0,0 +1,23 @@
|
|
1
|
+
/* ==========================================================================
|
2
|
+
Air skin
|
3
|
+
========================================================================== */
|
4
|
+
|
5
|
+
/* Colors */
|
6
|
+
$background-color: #eeeeee !default;
|
7
|
+
$text-color: #222831 !default;
|
8
|
+
$muted-text-color: #393e46 !default;
|
9
|
+
$primary-color: #0092ca !default;
|
10
|
+
$border-color: mix(#fff, #393e46, 75%) !default;
|
11
|
+
$footer-background-color: $primary-color !default;
|
12
|
+
$link-color: #393e46 !default;
|
13
|
+
$masthead-link-color: $text-color !default;
|
14
|
+
$masthead-link-color-hover: $text-color !default;
|
15
|
+
$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
|
16
|
+
|
17
|
+
.page__footer {
|
18
|
+
color: #fff !important; // override
|
19
|
+
}
|
20
|
+
|
21
|
+
.page__footer-follow .social-icons .fa {
|
22
|
+
color: inherit;
|
23
|
+
}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
/* ==========================================================================
|
2
|
+
Contrast skin
|
3
|
+
========================================================================== */
|
4
|
+
|
5
|
+
/* Colors */
|
6
|
+
$text-color: #000 !default;
|
7
|
+
$muted-text-color: $text-color !default;
|
8
|
+
$primary-color: #ff0000 !default;
|
9
|
+
$border-color: mix(#fff, $text-color, 75%) !default;
|
10
|
+
$footer-background-color: #000 !default;
|
11
|
+
$link-color: #0000ff !default;
|
12
|
+
$masthead-link-color: $text-color !default;
|
13
|
+
$masthead-link-color-hover: $text-color !default;
|
14
|
+
$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
|
15
|
+
|
16
|
+
.page__content {
|
17
|
+
|
18
|
+
.notice,
|
19
|
+
.notice--primary,
|
20
|
+
.notice--info,
|
21
|
+
.notice--warning,
|
22
|
+
.notice--success,
|
23
|
+
.notice--danger {
|
24
|
+
color: $text-color;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
.page__footer {
|
29
|
+
color: #fff !important; // override
|
30
|
+
}
|
31
|
+
|
32
|
+
.page__footer-follow .social-icons .fa {
|
33
|
+
color: inherit;
|
34
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
/* ==========================================================================
|
2
|
+
Dark skin
|
3
|
+
========================================================================== */
|
4
|
+
|
5
|
+
/* Colors */
|
6
|
+
$background-color: #252a34 !default;
|
7
|
+
$text-color: #eaeaea !default;
|
8
|
+
$primary-color: #00adb5 !default;
|
9
|
+
$border-color: mix(#fff, $background-color, 20%) !default;
|
10
|
+
$code-background-color: mix(#000, $background-color, 15%) !default;
|
11
|
+
$code-background-color-dark: mix(#000, $background-color, 20%) !default;
|
12
|
+
$form-background-color: mix(#000, $background-color, 15%) !default;
|
13
|
+
$footer-background-color: mix(#000, $background-color, 30%) !default;
|
14
|
+
$link-color: mix($primary-color, $text-color, 40%) !default;
|
15
|
+
$link-color-hover: mix(#fff, $link-color, 25%) !default;
|
16
|
+
$link-color-visited: mix(#000, $link-color, 25%) !default;
|
17
|
+
$masthead-link-color: $text-color !default;
|
18
|
+
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
|
19
|
+
$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
|
20
|
+
|
21
|
+
.author__urls.social-icons .fa,
|
22
|
+
.page__footer-follow .social-icons .fa {
|
23
|
+
color: inherit;
|
24
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
/* ==========================================================================
|
2
|
+
Dirt skin
|
3
|
+
========================================================================== */
|
4
|
+
|
5
|
+
/* Colors */
|
6
|
+
$background-color: #f3f3f3 !default;
|
7
|
+
$text-color: #343434 !default;
|
8
|
+
$muted-text-color: #8e8b82 !default;
|
9
|
+
$primary-color: #343434 !default;
|
10
|
+
$border-color: #e9dcbe !default;
|
11
|
+
$footer-background-color: #e9dcbe !default;
|
12
|
+
$link-color: #343434 !default;
|
13
|
+
$masthead-link-color: $text-color !default;
|
14
|
+
$masthead-link-color-hover: $text-color !default;
|
15
|
+
$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
|
@@ -0,0 +1,23 @@
|
|
1
|
+
/* ==========================================================================
|
2
|
+
Mint skin
|
3
|
+
========================================================================== */
|
4
|
+
|
5
|
+
/* Colors */
|
6
|
+
$background-color: #f3f6f6 !default;
|
7
|
+
$text-color: #40514e !default;
|
8
|
+
$muted-text-color: #40514e !default;
|
9
|
+
$primary-color: #11999e !default;
|
10
|
+
$border-color: mix(#fff, #40514e, 75%) !default;
|
11
|
+
$footer-background-color: #30e3ca !default;
|
12
|
+
$link-color: #11999e !default;
|
13
|
+
$masthead-link-color: $text-color !default;
|
14
|
+
$masthead-link-color-hover: $text-color !default;
|
15
|
+
$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
|
16
|
+
|
17
|
+
.page__footer {
|
18
|
+
color: #fff !important; // override
|
19
|
+
}
|
20
|
+
|
21
|
+
.page__footer-follow .social-icons .fa {
|
22
|
+
color: inherit;
|
23
|
+
}
|