minor css adjustments, height centering logo

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

View File

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

View File

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

View File

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