Different banner height for mobile

main
Bob Mottram 2020-10-02 18:37:04 +01:00
parent 9b6cc8cb1c
commit a7198ed78a
1 changed files with 16 additions and 9 deletions

View File

@ -174,15 +174,6 @@ a:focus {
border: 2px solid var(--focus-color); border: 2px solid var(--focus-color);
} }
.timeline-banner {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
height: 15%;
background-position: center;
background-repeat: no-repeat;
background-size: 100vw;
position: relative;
}
.hero-image { .hero-image {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("image.png"); background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("image.png");
height: 50%; height: 50%;
@ -949,6 +940,14 @@ aside .toggle-inside li {
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
.timeline-banner {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
height: 15%;
background-position: center;
background-repeat: no-repeat;
background-size: 100vw;
position: relative;
}
.timeline { .timeline {
border: 0; border: 0;
width: 100vw; width: 100vw;
@ -1460,6 +1459,14 @@ aside .toggle-inside li {
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
.timeline-banner {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
height: 6%;
background-position: center;
background-repeat: no-repeat;
background-size: 100vw;
position: relative;
}
.timeline { .timeline {
border: 0; border: 0;
width: 100vw; width: 100vw;