schulze/schulzestudio
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

optimize header for small screens

Browse Source
This commit is contained in:
Felix Schulze 2020-02-26 13:22:18 +01:00
parent 4d31366eba
commit 44bac27e74
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/css/layout/_header.scss
View File

@ -6,7 +6,7 @@
> #logo-container { > #logo-container {
width: max-content; width: max-content;
margin: auto; margin: auto;
padding: 2em 1em; padding: 3em 1em;
> h1 { > h1 {
font-size: 60pt; font-size: 60pt;
@ -35,19 +35,32 @@
@include breakpoint('<=large') { @include breakpoint('<=large') {
} }
*/
@include breakpoint('<=medium') { @include breakpoint('<=medium') {
margin-top: 60px; margin-top: 60px;
> #logo-container {
padding: 2em 0.5em;
}
} }
/*
@include breakpoint('<=small') { @include breakpoint('<=small') {
} }
*/
@include breakpoint('<=xsmall') { @include breakpoint('<=xsmall') {
> #logo-container {
> h1 {
font-size: 40pt;
}
> #logo > img {
height: 93pt;
}
}
} }
/*
@include breakpoint('<=xxsmall') { @include breakpoint('<=xxsmall') {
} }