diff --git a/source/css/_layout/main.styl b/source/css/_layout/main.styl index 5e8633f..f3f391b 100644 --- a/source/css/_layout/main.styl +++ b/source/css/_layout/main.styl @@ -1,9 +1,9 @@ .l_main position: relative padding-bottom: "calc(1 * %s)" % var(--gap-l) - @media screen and (min-width: 1200px) + @media screen and (min-width: 1280px) margin-left: "calc(2 * %s)" % var(--gap-l) - margin-right: "calc(0.75 * %s)" % var(--width-left) + margin-right: "calc(2 * %s + %s)" % (var(--gap-l) var(--width-left)) @media screen and (min-width: $device-tablet) padding-top: "calc(2 * %s)" % var(--gap-l) header diff --git a/source/css/_layout/partial/cover.styl b/source/css/_layout/partial/cover.styl index 3e4dba2..e4a3867 100644 --- a/source/css/_layout/partial/cover.styl +++ b/source/css/_layout/partial/cover.styl @@ -31,16 +31,30 @@ .l_cover.post .cover - width: 100% - height: 35vh z-index: -1 + width: 100% + height: 30vh + max-width: $device-2k + min-height: 150px + max-height: 400px + @media screen and (max-width: $device-tablet) + height: 25vh + @media screen and (max-width: $device-mobile) + height: 20vh + @media screen and (min-width: $device-2k) + margin-top: 4rem + .img + border-radius: 2rem + .l_cover.post .cover-wrap z-index: 1 .article-title text-align: center padding: 1rem - margin: 1em 0 + margin: 1em 0 0 0 + @media screen and (min-width: $device-2k) + font-size: 3rem .l_cover.wiki .cover-wrap