minimal-mistakes-jekyll 4.2.1 → 4.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/_sass/_archive.scss CHANGED
@@ -1,238 +1,238 @@
1
- /* ==========================================================================
2
- ARCHIVE
3
- ========================================================================== */
4
-
5
- .archive {
6
- margin-bottom: 2em;
7
-
8
- @include breakpoint($medium) {
9
- @include span(12 of 12);
10
- }
11
-
12
- @include breakpoint($large) {
13
- @include span(10 of 12 last);
14
- @include prefix(0.5 of 12);
15
- }
16
-
17
- a {
18
- color: inherit;
19
- text-decoration: none;
20
- }
21
- }
22
-
23
- .archive__subtitle {
24
- margin: 1.414em 0 0;
25
- padding-bottom: 0.5em;
26
- font-size: $type-size-5;
27
- color: mix(#fff, $gray, 25%);
28
- border-bottom: 1px solid $border-color;
29
-
30
- + .list__item .archive__item-title {
31
- margin-top: 0.5em;
32
- }
33
- }
34
-
35
- .archive__item-title {
36
- margin-bottom: 0.25em;
37
- font-family: $sans-serif-narrow;
38
-
39
- a + a {
40
- opacity: 0.5;
41
- }
42
- }
43
-
44
- /* remove border*/
45
- .page__content {
46
-
47
- .archive__item-title {
48
- margin-top: 1em;
49
- border-bottom: none;
50
- }
51
- }
52
-
53
- .archive__item-excerpt {
54
- margin-top: 0;
55
- font-size: $type-size-6;
56
-
57
- & + p {
58
- text-indent: 0;
59
- }
60
- }
61
-
62
- .archive__item-teaser {
63
- border-radius: $border-radius;
64
- overflow: hidden;
65
- img {
66
- width: 100%;
67
- }
68
- }
69
-
70
- .archive__item:hover {
71
- .archive__item-teaser {
72
- box-shadow: 0 0 10px rgba(#000, 0.25);
73
- }
74
-
75
- .archive__item-title {
76
- text-decoration: underline;
77
- }
78
- }
79
-
80
-
81
- /*
82
- List view
83
- ========================================================================== */
84
-
85
- .list__item {
86
- @include breakpoint($medium) {
87
- padding-right: $right-sidebar-width-narrow;
88
- }
89
-
90
- @include breakpoint($large) {
91
- padding-right: $right-sidebar-width;
92
- }
93
-
94
- @include breakpoint($x-large) {
95
- padding-right: $right-sidebar-width-wide;
96
- }
97
-
98
- .page__meta {
99
- margin: 0 0 4px;
100
- }
101
- }
102
-
103
-
104
- /*
105
- Grid view
106
- ========================================================================== */
107
-
108
- .grid__item {
109
- margin-bottom: 2em;
110
-
111
- .page__meta {
112
- margin: 0 0 4px;
113
- }
114
-
115
- .archive__item-title {
116
- margin-top: 0.5em;
117
- font-size: $type-size-5;
118
- }
119
-
120
- .archive__item-excerpt {
121
- display: none;
122
- }
123
-
124
- @include breakpoint($small) {
125
- @include gallery(5 of 10);
126
- .archive__item-teaser {
127
- max-height: 200px;
128
- }
129
- }
130
-
131
- @include breakpoint($medium) {
132
- margin-left: 0; /* reset before mixin does its thing*/
133
- margin-right: 0; /* reset before mixin does its thing*/
134
- @include gallery(2.5 of 10);
135
-
136
- .archive__item-teaser {
137
- max-height: 120px;
138
- }
139
-
140
- .archive__item-excerpt {
141
- display: block;
142
- font-size: $type-size-6;
143
- }
144
- }
145
- }
146
-
147
-
148
- /*
149
- Features
150
- ========================================================================== */
151
-
152
- .feature__wrapper {
153
- @include clearfix();
154
- margin-bottom: 2em;
155
- border-bottom: 1px solid $border-color;
156
- }
157
-
158
- .feature__item {
159
- margin-bottom: 2em;
160
- font-size: 1.25rem;
161
-
162
- @include breakpoint($small) {
163
- margin-bottom: 0;
164
- @include gallery(4 of 12);
165
-
166
- .feature__item-teaser {
167
- max-height: 200px;
168
- overflow: hidden;
169
- }
170
- }
171
-
172
- &--left {
173
- @include full();
174
- font-size: 1.25rem;
175
-
176
- .archive__item-teaser {
177
- margin-bottom: 2em;
178
- }
179
-
180
- @include breakpoint($small) {
181
- .archive__item-teaser {
182
- @include span(5 of 12);
183
- }
184
-
185
- .archive__item-body {
186
- @include span(7 of 12 last);
187
- @include prefix(0.5 of 12);
188
- @include suffix(1 of 12);
189
- }
190
- }
191
- }
192
-
193
- &--right {
194
- @include full();
195
- font-size: 1.25rem;
196
-
197
- .archive__item-teaser {
198
- margin-bottom: 2em;
199
- }
200
-
201
- @include breakpoint($small) {
202
- text-align: right;
203
-
204
- .archive__item-teaser {
205
- @include span(5 of 12 rtl);
206
- }
207
-
208
- .archive__item-body {
209
- @include span(7 of 12 last rtl);
210
- @include prefix(0.5 of 12);
211
- @include suffix(1 of 12);
212
- }
213
- }
214
- }
215
-
216
- &--center {
217
- @include full();
218
- font-size: 1.25rem;
219
-
220
- .archive__item-teaser {
221
- margin-bottom: 2em;
222
- }
223
-
224
- @include breakpoint($small) {
225
- text-align: center;
226
-
227
- .archive__item-teaser {
228
- margin: 0 auto;
229
- width: span(5 of 12);
230
- }
231
-
232
- .archive__item-body {
233
- margin: 0 auto;
234
- width: span(7 of 12);
235
- }
236
- }
237
- }
1
+ /* ==========================================================================
2
+ ARCHIVE
3
+ ========================================================================== */
4
+
5
+ .archive {
6
+ margin-bottom: 2em;
7
+
8
+ @include breakpoint($medium) {
9
+ @include span(12 of 12);
10
+ }
11
+
12
+ @include breakpoint($large) {
13
+ @include span(10 of 12 last);
14
+ @include prefix(0.5 of 12);
15
+ }
16
+
17
+ a {
18
+ color: inherit;
19
+ text-decoration: none;
20
+ }
21
+ }
22
+
23
+ .archive__subtitle {
24
+ margin: 1.414em 0 0;
25
+ padding-bottom: 0.5em;
26
+ font-size: $type-size-5;
27
+ color: mix(#fff, $gray, 25%);
28
+ border-bottom: 1px solid $border-color;
29
+
30
+ + .list__item .archive__item-title {
31
+ margin-top: 0.5em;
32
+ }
33
+ }
34
+
35
+ .archive__item-title {
36
+ margin-bottom: 0.25em;
37
+ font-family: $sans-serif-narrow;
38
+
39
+ a + a {
40
+ opacity: 0.5;
41
+ }
42
+ }
43
+
44
+ /* remove border*/
45
+ .page__content {
46
+
47
+ .archive__item-title {
48
+ margin-top: 1em;
49
+ border-bottom: none;
50
+ }
51
+ }
52
+
53
+ .archive__item-excerpt {
54
+ margin-top: 0;
55
+ font-size: $type-size-6;
56
+
57
+ & + p {
58
+ text-indent: 0;
59
+ }
60
+ }
61
+
62
+ .archive__item-teaser {
63
+ border-radius: $border-radius;
64
+ overflow: hidden;
65
+ img {
66
+ width: 100%;
67
+ }
68
+ }
69
+
70
+ .archive__item:hover {
71
+ .archive__item-teaser {
72
+ box-shadow: 0 0 10px rgba(#000, 0.25);
73
+ }
74
+
75
+ .archive__item-title {
76
+ text-decoration: underline;
77
+ }
78
+ }
79
+
80
+
81
+ /*
82
+ List view
83
+ ========================================================================== */
84
+
85
+ .list__item {
86
+ @include breakpoint($medium) {
87
+ padding-right: $right-sidebar-width-narrow;
88
+ }
89
+
90
+ @include breakpoint($large) {
91
+ padding-right: $right-sidebar-width;
92
+ }
93
+
94
+ @include breakpoint($x-large) {
95
+ padding-right: $right-sidebar-width-wide;
96
+ }
97
+
98
+ .page__meta {
99
+ margin: 0 0 4px;
100
+ }
101
+ }
102
+
103
+
104
+ /*
105
+ Grid view
106
+ ========================================================================== */
107
+
108
+ .grid__item {
109
+ margin-bottom: 2em;
110
+
111
+ .page__meta {
112
+ margin: 0 0 4px;
113
+ }
114
+
115
+ .archive__item-title {
116
+ margin-top: 0.5em;
117
+ font-size: $type-size-5;
118
+ }
119
+
120
+ .archive__item-excerpt {
121
+ display: none;
122
+ }
123
+
124
+ @include breakpoint($small) {
125
+ @include gallery(5 of 10);
126
+ .archive__item-teaser {
127
+ max-height: 200px;
128
+ }
129
+ }
130
+
131
+ @include breakpoint($medium) {
132
+ margin-left: 0; /* reset before mixin does its thing*/
133
+ margin-right: 0; /* reset before mixin does its thing*/
134
+ @include gallery(2.5 of 10);
135
+
136
+ .archive__item-teaser {
137
+ max-height: 120px;
138
+ }
139
+
140
+ .archive__item-excerpt {
141
+ display: block;
142
+ font-size: $type-size-6;
143
+ }
144
+ }
145
+ }
146
+
147
+
148
+ /*
149
+ Features
150
+ ========================================================================== */
151
+
152
+ .feature__wrapper {
153
+ @include clearfix();
154
+ margin-bottom: 2em;
155
+ border-bottom: 1px solid $border-color;
156
+ }
157
+
158
+ .feature__item {
159
+ margin-bottom: 2em;
160
+ font-size: 1.25rem;
161
+
162
+ @include breakpoint($small) {
163
+ margin-bottom: 0;
164
+ @include gallery(4 of 12);
165
+
166
+ .feature__item-teaser {
167
+ max-height: 200px;
168
+ overflow: hidden;
169
+ }
170
+ }
171
+
172
+ &--left {
173
+ @include full();
174
+ font-size: 1.25rem;
175
+
176
+ .archive__item-teaser {
177
+ margin-bottom: 2em;
178
+ }
179
+
180
+ @include breakpoint($small) {
181
+ .archive__item-teaser {
182
+ @include span(5 of 12);
183
+ }
184
+
185
+ .archive__item-body {
186
+ @include span(7 of 12 last);
187
+ @include prefix(0.5 of 12);
188
+ @include suffix(1 of 12);
189
+ }
190
+ }
191
+ }
192
+
193
+ &--right {
194
+ @include full();
195
+ font-size: 1.25rem;
196
+
197
+ .archive__item-teaser {
198
+ margin-bottom: 2em;
199
+ }
200
+
201
+ @include breakpoint($small) {
202
+ text-align: right;
203
+
204
+ .archive__item-teaser {
205
+ @include span(5 of 12 rtl);
206
+ }
207
+
208
+ .archive__item-body {
209
+ @include span(7 of 12 last rtl);
210
+ @include prefix(0.5 of 12);
211
+ @include suffix(1 of 12);
212
+ }
213
+ }
214
+ }
215
+
216
+ &--center {
217
+ @include full();
218
+ font-size: 1.25rem;
219
+
220
+ .archive__item-teaser {
221
+ margin-bottom: 2em;
222
+ }
223
+
224
+ @include breakpoint($small) {
225
+ text-align: center;
226
+
227
+ .archive__item-teaser {
228
+ margin: 0 auto;
229
+ width: span(5 of 12);
230
+ }
231
+
232
+ .archive__item-body {
233
+ margin: 0 auto;
234
+ width: span(7 of 12);
235
+ }
236
+ }
237
+ }
238
238
  }