forked from Bunteshaus/bunteshaus.de
small fixes
This commit is contained in:
parent
97d51ab273
commit
67531cb976
|
@ -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) {
|
||||
|
||||
}
|
||||
|
|
|
@ -31,7 +31,7 @@ aside {
|
|||
margin-right: auto;
|
||||
aside {
|
||||
text-align: right;
|
||||
min-width: 25%;
|
||||
min-width: 20%;
|
||||
}
|
||||
.main_upper {
|
||||
flex-direction: row;
|
||||
|
|
|
@ -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 }}
|
||||
|
|
Loading…
Reference in New Issue
Block a user