Fix header background size
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
28adbd55fc
commit
34a662169d
|
@ -0,0 +1 @@
|
||||||
|
$header-height: 150px;
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue