steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Fix wrong direction for feature_row with type=right, fix #4061

Browse Source
This commit is contained in:
iBug
2024-06-25 23:55:01 +08:00
parent d27cc9c132
commit 33c6dbd1be
1 changed files with 16 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
_sass/minimal-mistakes/_archive.scss
View File

@ -285,26 +285,29 @@
inset: 0; inset: 0;
} }
&--left { &--left, &--right {
position: relative; position: relative;
float: inline-start;
margin-inline: 0; margin-inline: 0;
width: 100%; width: 100%;
clear: both; clear: both;
font-size: 1.125em; font-size: 1.125em;
.archive__item { a.btn::before {
float: inline-start; content: '';
position: absolute;
inset: 0;
} }
.archive__item-teaser { .archive__item-teaser {
margin-bottom: 2em; margin-bottom: 2em;
} }
}
a.btn::before { &--left {
content: ''; float: inline-start;
position: absolute;
inset: 0; .archive__item {
float: inline-start;
} }
@include breakpoint($small) { @include breakpoint($small) {
@ -315,33 +318,18 @@
.archive__item-body { .archive__item-body {
float: inline-end; float: inline-end;
width: span(7 of 12);
padding-inline-start: gutter(0.5 of 12); padding-inline-start: gutter(0.5 of 12);
padding-inline-end: gutter(1 of 12); padding-inline-end: gutter(1 of 12);
width: span(7 of 12);
} }
} }
} }
&--right { &--right {
position: relative; float: inline-end;
float: inline-start;
margin-inline: 0;
width: 100%;
clear: both;
font-size: 1.125em;
.archive__item { .archive__item {
float: inline-start; float: inline-end;
}
.archive__item-teaser {
margin-bottom: 2em;
}
a.btn::before {
content: '';
position: absolute;
inset: 0;
} }
@include breakpoint($small) { @include breakpoint($small) {
@ -355,8 +343,8 @@
.archive__item-body { .archive__item-body {
float: inline-start; float: inline-start;
width: span(7 of 12); width: span(7 of 12);
padding-inline-start: gutter(0.5 of 12); padding-inline-start: gutter(1 of 12);
padding-inline-end: gutter(1 of 12); padding-inline-end: gutter(0.5 of 12);
} }
} }
} }