diff --git a/src/css/layout/_header.scss b/src/css/layout/_header.scss index 2f5d205..8049c6f 100644 --- a/src/css/layout/_header.scss +++ b/src/css/layout/_header.scss @@ -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') { } - */ + } diff --git a/src/css/layout/_nav.scss b/src/css/layout/_nav.scss index 22e8d71..7076ba2 100644 --- a/src/css/layout/_nav.scss +++ b/src/css/layout/_nav.scss @@ -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') { } -*/ + } diff --git a/src/css/libs/_vars.scss b/src/css/libs/_vars.scss index 80326db..79d1bd7 100644 --- a/src/css/libs/_vars.scss +++ b/src/css/libs/_vars.scss @@ -6,7 +6,8 @@ // Duration. $duration: ( transition: 0.2s, - transition2: 0.4s + transition2: 0.4s, + slow-transition: 8.0s ); // Size.