add nice heading placement

This commit is contained in:
Thefeli73 2020-02-18 01:53:58 +01:00
parent 6d079445b7
commit f66ee3c510
2 changed files with 18 additions and 2 deletions

View File

@ -4,10 +4,26 @@
#header { #header {
top: 80px; top: 80px;
position: absolute; position: absolute;
left: 50%;
transform: translate(-50%, 70px);
> h1 {
font-size: 60pt;
display: inline-block;
color: _palette(accent1);
margin: 0 0 0 40px;
&:first-child {
color: _palette(accent2);
margin: 0 0 0 10px;
}
}
> #logo > img { > #logo > img {
height: 140pt; height: 140pt;
width: auto; width: auto;
display: inline-block;
float: left;
} }
/* /*
@include breakpoint('<=xlarge') { @include breakpoint('<=xlarge') {

View File

@ -76,12 +76,12 @@
</nav> </nav>
<header id="header"> <header id="header">
<h1>Schulze</h1>
<picture id="logo"> <picture id="logo">
<source srcset="/img/logo/logo@0.25x.webp" type="image/webp"> <source srcset="/img/logo/logo@0.25x.webp" type="image/webp">
<source srcset="/img/logo/logo@0.25x.png" type="image/png"> <source srcset="/img/logo/logo@0.25x.png" type="image/png">
<img src="/img/logo/logo@0.25x.png" alt="Schulze Studio logo"> <img src="/img/logo/logo@0.25x.png" alt="Schulze Studio logo">
</picture> </picture><br>
<h1>Schulze</h1>
<h1>Studio</h1> <h1>Studio</h1>
</header> </header>