ヘッダの高さの計算を修正

gh-pages
Rui 2018-02-28 19:56:22 +09:00
parent 2ce45028ff
commit 1364c8c2d6
3 changed files with 8 additions and 6 deletions

View File

@ -26,6 +26,7 @@ $selection-font-color: #fff;
// //
$container-box-shadow: 0 0 10px 0 #ddd; $container-box-shadow: 0 0 10px 0 #ddd;
$container-padding-top-mobile: 1em;
$container-width: 80vw; $container-width: 80vw;
// //

View File

@ -4,11 +4,8 @@
padding: 0 1em 1em 1em; padding: 0 1em 1em 1em;
@include media-mobile { @include media-mobile {
$line-height: ($font-size * 20 / 14); $top-padding: calc(#{$header-height} - #{$font-size-mobile});
$line-height-mobile: ($line-height * 1.1); $top-padding-minus: calc(#{$top-padding} * -1);
$top-padding: ($line-height-mobile * 3 - $font-size-mobile);
padding-top: $top-padding;
h1[id]::before, h1[id]::before,
h2[id]::before, h2[id]::before,
@ -19,7 +16,7 @@
content: ""; content: "";
display: block; display: block;
height: $top-padding; height: $top-padding;
margin: -$top-padding 0 0; margin-top: $top-padding-minus;
} }
} }

View File

@ -67,5 +67,9 @@
#menu { #menu {
display: none; display: none;
} }
#content {
padding-top: calc(#{$header-height} - #{$font-size-mobile} + #{$container-padding-top-mobile});
}
} }
} }