forked from Bunteshaus/bunteshaus.de
small fixes
This commit is contained in:
parent
aa563460b0
commit
5973b38298
Binary file not shown.
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 118 KiB After Width: | Height: | Size: 118 KiB |
BIN
content/news/foodsaving/banner.png
Normal file
BIN
content/news/foodsaving/banner.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 28 KiB |
|
@ -1,13 +1,12 @@
|
|||
.banner {
|
||||
min-height: 33vh;
|
||||
min-height: calc(60vw / 2.4);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 115%;
|
||||
//box-shadow: inset 0px -11px 8px -10px #444;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center;
|
||||
h1 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
* {
|
||||
overflow-wrap: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
@ -15,6 +15,12 @@ main {
|
|||
font-size: 150%;
|
||||
}
|
||||
.gen_list {
|
||||
.text {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
.article_list {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
@ -22,7 +28,8 @@ main {
|
|||
text-decoration: none;
|
||||
&:hover {
|
||||
.img {
|
||||
height: 240px;
|
||||
height: 140px;
|
||||
background-size: 120% auto;
|
||||
}
|
||||
.img-only {
|
||||
height: 360px;
|
||||
|
@ -41,8 +48,8 @@ main {
|
|||
width: 100%;
|
||||
height: 140px;
|
||||
transition: all .3s ease-in-out;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.img-only {
|
||||
|
@ -50,7 +57,7 @@ main {
|
|||
height: 360px;
|
||||
transition: all .2s ease-in-out;
|
||||
background-size: 100% auto;
|
||||
background-position: top;
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -59,6 +59,7 @@
|
|||
<div class="img" style="background-image: url({{ .Permalink }})">
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="text">
|
||||
{{ if .Description }}
|
||||
{{ .Description }}
|
||||
{{ else if .Summary }}
|
||||
|
@ -70,6 +71,7 @@
|
|||
<div class="img-only" style="background-image: url({{ $i }})">
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
</a>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue
Block a user