minetest-jp
/
wiki
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

コンテナ: widthの代わりにmax-widthを使用

gh-pages
Rui 2018-04-18 16:58:16 +09:00
parent 12a064eed3
commit 0f1103093a
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
_includes/style.scss
View File

@ -26,8 +26,9 @@ $selection-font-color: #fff;
// コンテナ // コンテナ
$container-box-shadow: 0 0 10px 0 #ddd; $container-box-shadow: 0 0 10px 0 #ddd;
$container-columns: 30% 70%;
$container-padding-top-mobile: 1em; $container-padding-top-mobile: 1em;
$container-width: 80vw; $container-max-width: 1024px;
// ヘッダ // ヘッダ
$header-background: #f2f2f2; $header-background: #f2f2f2;

6
_sass/_container.scss
View File

@ -8,16 +8,16 @@
box-shadow: $container-box-shadow; box-shadow: $container-box-shadow;
box-sizing: border-box; box-sizing: border-box;
display: grid; display: grid;
grid-template-columns: auto 1fr; grid-template-columns: $container-columns;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
// IE11 ~ // IE11 ~
display: -ms-grid; display: -ms-grid;
-ms-grid-columns: auto 1fr; -ms-grid-columns: $container-columns;
-ms-grid-rows: auto 1fr auto; -ms-grid-rows: auto 1fr auto;
// ~ IE11 // ~ IE11
margin: 0 auto; margin: 0 auto;
min-height: 100vh; min-height: 100vh;
width: $container-width; max-width: $container-max-width;
header { header {
border-bottom: $border-default; border-bottom: $border-default;