Fix header background size
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Luca 2022-07-10 22:56:41 +02:00
parent 28adbd55fc
commit 34a662169d
2 changed files with 5 additions and 3 deletions

1
assets/_vars.scss Normal file
View File

@ -0,0 +1 @@
$header-height: 150px;

View File

@ -1,6 +1,7 @@
@import 'breakpoints'; @import 'breakpoints';
@import 'colors'; @import 'colors';
@import 'fonts'; @import 'fonts';
@import 'vars';
* { * {
box-sizing: border-box; box-sizing: border-box;
@ -69,14 +70,14 @@ header {
} }
@media screen and (min-width: $small) { @media screen and (min-width: $small) {
margin-top: 150px; margin-top: $header-height;
padding-top: 0.5rem; padding-top: 0.5rem;
&::before { &::before {
background: url(/header.svg) 50% 0% / contain no-repeat; background: url(/header.svg) 50% 0% / auto $header-height no-repeat;
content: ''; content: '';
display: block; display: block;
height: 150px; height: $header-height;
left: 0; left: 0;
position: absolute; position: absolute;
top: 0; top: 0;