small fixes

This commit is contained in:
teldra 2022-06-12 14:22:25 +02:00
parent 97d51ab273
commit 67531cb976
3 changed files with 58 additions and 41 deletions

View File

@ -1,42 +1,59 @@
.gen_list {
width: 100%;
.article_list {
margin-bottom: 5rem;
}
a {
text-decoration: none;
&:hover {
.img {
height: 140px;
background-size: 120% auto;
}
.img-only {
height: 360px;
background-size: 110% auto;
background-position: top;
}
.gen_list {
max-width: 100%;
.list_item {
margin-bottom: 5rem;
min-height: 17vh;
}
a {
text-decoration: none;
&:hover {
.img {
height: 240px;
background-size: 120% auto;
}
.img-only {
height: 360px;
background-size: 110% auto;
background-position: top;
}
}
img {
width: 100%;
}
h3 {
margin-top: 0rem;
}
.img {
width: 100%;
height: 140px;
transition: all .3s ease-in-out;
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
}
.img-only {
width: 100%;
height: 360px;
transition: all .2s ease-in-out;
background-size: 100% auto;
background-position: top center;
background-repeat: no-repeat;
}
}
img {
width: 100%;
}
h3 {
margin-top: 0rem;
}
.img {
width: 100%;
height: 240px;
transition: all .3s ease-in-out;
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
}
.img-only {
width: 100%;
height: 460px;
transition: all .2s ease-in-out;
background-size: 100% auto;
background-position: top center;
background-repeat: no-repeat;
}
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1920px) {
}

View File

@ -31,7 +31,7 @@ aside {
margin-right: auto;
aside {
text-align: right;
min-width: 25%;
min-width: 20%;
}
.main_upper {
flex-direction: row;

View File

@ -17,7 +17,7 @@
<div class="gen_list">
{{ if $title }}<h2>{{ $title }}</h2>{{ end }}
{{ range $p }}
<div class="article_list">
<div class="list_item">
{{ $banner := slice }}
{{ $image := slice }}
{{ $images := slice }}