mirror of
https://github.com/scummvm/scummvm-web.git
synced 2026-06-20 05:45:49 +00:00
70 lines
1.0 KiB
SCSS
70 lines
1.0 KiB
SCSS
/* Header */
|
|
|
|
.site-header {
|
|
position: relative;
|
|
z-index: 10;
|
|
|
|
.top {
|
|
height: 91px;
|
|
position: relative;
|
|
|
|
@include respond-to('small') {
|
|
height: 58px;
|
|
}
|
|
}
|
|
|
|
.bottom {
|
|
height: 29px;
|
|
background: $theme-wrapper-topper;
|
|
border-radius: 8px 8px 0 0;
|
|
z-index: 100;
|
|
}
|
|
|
|
.heroes {
|
|
position: absolute;
|
|
right: -8px;
|
|
bottom: 0;
|
|
z-index: 90;
|
|
max-width: 58%;
|
|
}
|
|
|
|
.scummvm {
|
|
font-family: Trebuchet MS, sans-serif;
|
|
line-height: 19px;
|
|
@include responsive-font(1.4vw, 10px, 15px, 15px);
|
|
white-space: nowrap;
|
|
margin-right: 5px;
|
|
margin-top: 5px;
|
|
text-align: justify;
|
|
letter-spacing: 1.5px;
|
|
}
|
|
|
|
.logo {
|
|
position: relative;
|
|
z-index: 110;
|
|
|
|
img {
|
|
position: absolute;
|
|
max-width: 280px;
|
|
|
|
&.foreground {
|
|
filter: drop-shadow(1px 1px 2px $black);
|
|
bottom: -120px;
|
|
|
|
@include respond-to('small') {
|
|
max-width: 150px;
|
|
bottom: -52px;
|
|
margin-left: 8px;
|
|
}
|
|
}
|
|
|
|
&.background {
|
|
opacity: 0.2;
|
|
bottom: -90px;
|
|
left: 12px;
|
|
filter: grayscale(100%);
|
|
}
|
|
}
|
|
}
|
|
}
|