minor css adjustments, height centering logo
This commit is contained in:
parent
63576a9180
commit
267ef3060b
@ -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') {
|
||||||
|
|
||||||
}
|
}
|
||||||
*/
|
|
||||||
}
|
}
|
||||||
|
@ -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') {
|
||||||
|
|
||||||
}
|
}
|
||||||
*/
|
|
||||||
}
|
}
|
||||||
|
@ -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.
|
||||||
|
Reference in New Issue
Block a user