minimal-mistakes-jekyll 4.2.1 → 4.2.2

Sign up to get free protection for your applications and to get access to all the features.
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
  }