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

minor css adjustments, height centering logo

Browse Source
This commit is contained in:
Thefeli73 2020-03-09 23:09:04 +01:00
parent 63576a9180
commit 267ef3060b
3 changed files with 26 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,10 +6,10 @@
> #logo-container {
width: max-content;
margin: auto;
padding: 3em 1em;
padding: 20vh 1em;
> h1 {
font-size: 60pt;
font-size: 77pt;
display: inline-block;
color: _palette(accent1);
margin: 0 0 0 40px;
@ -21,18 +21,28 @@
}
> #logo > img {
height: 140pt;
height: 180pt;
width: auto;
display: inline-block;
float: left;
}
}
/*
@include breakpoint('<=xlarge') {
}
@include breakpoint('<=large') {
> #logo-container {
> h1 {
font-size: 60pt;
}
> #logo > img {
height: 140pt;
}
}
}
@ -40,14 +50,14 @@
margin-top: 60px;
> #logo-container {
padding: 2em 0.5em;
padding: 20vh 0.5em;
}
}
@include breakpoint('<=small') {
}
*/
@include breakpoint('<=xsmall') {
> #logo-container {
@ -60,9 +70,9 @@
}
}
}
/*
@include breakpoint('<=xxsmall') {
}
*/
}

12
src/css/layout/_nav.scss
View File

@ -118,7 +118,7 @@
margin: auto;
line-height: 11px;
> a > #logo > img {
> a > #icon > img {
@include vendor('transition', (
'height #{_duration(transition)} ease',
'left #{_duration(transition)} ease',
@ -194,7 +194,7 @@
}
}
}
/*
@include breakpoint('<=xlarge') {
}
@ -202,7 +202,7 @@
@include breakpoint('<=large') {
}
*/
@include breakpoint('<=medium') {
height: 60px;
@ -219,7 +219,7 @@
> #wrapper {
> a > #logo > img {
> a > #icon > img {
height: 60px;
padding: 7.5px 17.3px;
}
@ -241,7 +241,7 @@
}
}
}
/*
@include breakpoint('<=small') {
}
@ -253,5 +253,5 @@
@include breakpoint('<=xxsmall') {
}
*/
}

3
src/css/libs/_vars.scss
View File

@ -6,7 +6,8 @@
// Duration.
$duration: (
transition: 0.2s,
transition2: 0.4s
transition2: 0.4s,
slow-transition: 8.0s
);
// Size.