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