mti
/
ptut-vhost
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[scss.header] smaller header height

This commit is contained in:
xdrm-brackets 2018-03-16 15:25:05 +01:00
parent cd9f342eda
commit 9ae61af2c4
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webpack/scss/constants.scss
View File

@ -32,7 +32,9 @@ $menu-width: 4em;
// Header // Header
$header-bg: #fff; $header-bg: #fff;
$header-height: 4em; $header-height-noratio: 4em;
$header-font-size-ratio: 0.8;
$header-height: #{$header-height-noratio * $header-font-size-ratio};
$c404-bubble-width: 40vh; $c404-bubble-width: 40vh;

4
webpack/scss/header.scss
View File

@ -7,7 +7,7 @@
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: calc( #{$header-height} - 1px ); height: calc( #{$header-height-noratio} - 1px );
background-color: $header-bg; background-color: $header-bg;
border-bottom: 1px solid #e3e7eb; border-bottom: 1px solid #e3e7eb;
@ -17,6 +17,8 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
font-size: #{$header-font-size-ratio}em;
z-index: 150; z-index: 150;