Damillora/Shian
1
0
Fork 0
mirror of https://github.com/Damillora/Shian.git synced 2024-11-22 09:27:32 +00:00
Code Issues Projects Releases Wiki Activity

fix(shian): only fix height of the title row of the header

Browse Source
This commit is contained in:
Damillora 2021-04-16 20:42:13 +07:00
parent b2a4a3868a
commit 3359eb9575
1 changed files with 102 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/sass/components/_header.scss
View File

@ -1,4 +1,3 @@
.site-header { .site-header {
position: fixed; position: fixed;
z-index: 10; z-index: 10;
@ -28,7 +27,7 @@
} }
} }
&__overlay { &__overlay {
background-color: rgba(0,0,0,0.5); background-color: rgba(0, 0, 0, 0.5);
} }
&__inner { &__inner {
@ -39,10 +38,10 @@
} }
&.enabled &__inner { &.enabled &__inner {
background: rgba(0,0,0,0.5); background: rgba(0, 0, 0, 0.5);
} }
&.detached &__inner { &.detached &__inner {
background: rgba(0,0,0,0.5); background: rgba(0, 0, 0, 0.5);
} }
} }
@ -50,15 +49,15 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@include transition; @include transition;
height: 3rem; height: 100%;
@include screen(md) {
height: 4rem;
}
&__top { &__top {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
height: 100%; height: 3rem;
@include screen(md) {
height: 4rem;
}
} }
&__title { &__title {
@ -112,7 +111,7 @@
width: 3rem; width: 3rem;
color: $white; color: $white;
display: inline-block; display: inline-block;
@include px(0.50rem); @include px(0.5rem);
vertical-align: middle; vertical-align: middle;
// @include py(0.25rem); // @include py(0.25rem);
// @include screen(md) { // @include screen(md) {