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.
Files changed (36) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +15 -2
  3. data/_includes/comments.html +2 -2
  4. data/_includes/head.html +43 -32
  5. data/_includes/scripts.html +12 -1
  6. data/_layouts/default.html +1 -1
  7. data/_layouts/single.html +1 -1
  8. data/_sass/minimal-mistakes.scss +1 -1
  9. data/_sass/minimal-mistakes/_archive.scss +317 -316
  10. data/_sass/minimal-mistakes/_base.scss +8 -7
  11. data/_sass/minimal-mistakes/_buttons.scss +36 -91
  12. data/_sass/minimal-mistakes/_footer.scss +3 -4
  13. data/_sass/minimal-mistakes/_forms.scss +7 -9
  14. data/_sass/minimal-mistakes/_mixins.scss +39 -0
  15. data/_sass/minimal-mistakes/_navigation.scss +426 -426
  16. data/_sass/minimal-mistakes/_notices.scss +1 -0
  17. data/_sass/minimal-mistakes/_page.scss +3 -6
  18. data/_sass/minimal-mistakes/_sidebar.scss +2 -2
  19. data/_sass/minimal-mistakes/_syntax.scss +2 -2
  20. data/_sass/minimal-mistakes/_tables.scss +3 -3
  21. data/_sass/minimal-mistakes/_utilities.scss +2 -2
  22. data/_sass/minimal-mistakes/_variables.scss +91 -84
  23. data/_sass/minimal-mistakes/skins/_air.scss +23 -0
  24. data/_sass/minimal-mistakes/skins/_contrast.scss +34 -0
  25. data/_sass/minimal-mistakes/skins/_dark.scss +24 -0
  26. data/_sass/minimal-mistakes/skins/_default.scss +5 -0
  27. data/_sass/minimal-mistakes/skins/_dirt.scss +15 -0
  28. data/_sass/minimal-mistakes/skins/_mint.scss +23 -0
  29. data/_sass/minimal-mistakes/skins/_sunrise.scss +26 -0
  30. data/assets/css/main.scss +2 -1
  31. data/assets/js/main.min.js +5 -5
  32. data/assets/js/plugins/jquery.magnific-popup.js +1860 -2049
  33. data/assets/js/plugins/jquery.smooth-scroll.min.js +9 -8
  34. data/assets/js/vendor/jquery/jquery-3.2.1.min.js +4 -0
  35. metadata +10 -3
  36. data/assets/js/vendor/jquery/jquery-1.12.4.min.js +0 -5
@@ -13,6 +13,7 @@
13
13
  @mixin notice($notice-color) {
14
14
  margin: 2em 0 !important; /* override*/
15
15
  padding: 1em;
16
+ color: $dark-gray;
16
17
  font-family: $global-font-family;
17
18
  font-size: $type-size-6 !important;
18
19
  text-indent: initial; /* override*/
@@ -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: mix(#fff, $gray, 25%);
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 $light-gray;
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: #fff;
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: #fff transparent;
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: $lighter-gray;
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: $light-gray;
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: $lighter-gray;
19
- border-bottom: 2px solid $light-gray;
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 $light-gray;
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,.6);
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: #000;
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 : 16 !default;
9
+ $doc-font-size : 16 !default;
10
10
 
11
11
  /* paragraph indention */
12
- $paragraph-indent : false !default; // true, false (default)
13
- $indent-var : 1.3em !default;
12
+ $paragraph-indent : false !default; // true, false (default)
13
+ $indent-var : 1.3em !default;
14
14
 
15
15
  /* system typefaces */
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;
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 : $sans-serif !default;
22
- $helvetica : Helvetica, "Helvetica Neue", Arial, sans-serif !default;
21
+ $sans-serif-narrow : $sans-serif !default;
22
+ $helvetica : Helvetica, "Helvetica Neue", Arial, sans-serif !default;
23
23
 
24
24
  /* serif typefaces */
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;
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 : $sans-serif !default;
32
- $header-font-family : $sans-serif !default;
33
- $caption-font-family : $serif !default;
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 : 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
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 : #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
- $body-color : #fff !default;
57
- $background-color : #fff !default;
58
- $code-background-color : #fafafa !default;
59
- $code-background-color-dark : $light-gray !default;
60
- $text-color : $dark-gray !default;
61
- $border-color : $lighter-gray !default;
62
-
63
- $primary-color : #7a8288 !default;
64
- $success-color : #62c462 !default;
65
- $warning-color : #f89406 !default;
66
- $danger-color : #ee5f5b !default;
67
- $info-color : #52adc8 !default;
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 : #1769FF !default;
71
- $bitbucket-color : #205081 !default;
72
- $dribbble-color : #ea4c89 !default;
73
- $facebook-color : #3b5998 !default;
74
- $flickr-color : #ff0084 !default;
75
- $foursquare-color : #0072b1 !default;
76
- $github-color : #171516 !default;
77
- $google-plus-color : #dd4b39 !default;
78
- $instagram-color : #517fa4 !default;
79
- $lastfm-color : #d51007 !default;
80
- $linkedin-color : #007bb6 !default;
81
- $pinterest-color : #cb2027 !default;
82
- $rss-color : #fa9b39 !default;
83
- $soundcloud-color : #ff3300 !default;
84
- $stackoverflow-color : #fe7a15 !default;
85
- $tumblr-color : #32506d !default;
86
- $twitter-color : #55acee !default;
87
- $vimeo-color : #1ab7ea !default;
88
- $vine-color : #00bf8f !default;
89
- $youtube-color : #bb0000 !default;
90
- $xing-color : #006567 !default;
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 : $info-color !default;
95
- $link-color-hover : mix(#000, $link-color, 25%) !default;
96
- $link-color-visited : mix(#fff, $link-color, 25%) !default;
97
- $masthead-link-color : $primary-color !default;
98
- $masthead-link-color-hover : mix(#000, $primary-color, 25%) !default;
99
- $navicon-link-color-hover : mix(#fff, $primary-color, 75%) !default;
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 : 600px !default;
106
- $medium : 768px !default;
107
- $medium-wide : 900px !default;
108
- $large : 1024px !default;
109
- $x-large : 1280px !default;
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 : 200px !default;
117
- $right-sidebar-width : 300px !default;
118
- $right-sidebar-width-wide : 400px !default;
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 : 4px !default;
126
- $box-shadow : 0 1px 1px rgba(0, 0, 0, 0.125) !default;
127
- $navicon-width : 1.5rem !default;
128
- $navicon-height : 0.25rem !default;
129
- $global-transition : all 0.2s ease-in-out !default;
130
- $intro-transition : intro 0.3s both !default;
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,5 @@
1
+ /* ==========================================================================
2
+ Default skin
3
+ ========================================================================== */
4
+
5
+ // Intentionally left blank
@@ -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
+ }