diff --git a/_layouts/home.html b/_layouts/home.html index a07e320a28b9c86a641415ec74b45a470da7a208..77911a3fc13bb2a74add4a237d1a181bbaa4f6b2 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -43,7 +43,7 @@ layout: default {% assign post = site.posts[0] %} -<div class="d-flex g-3 flex-column-reverse flex-row-m mb-1"> +<div class="d-flex g-2 flex-column-reverse flex-row-m mb-1"> <div class="flex-item"> <h4 class="mb-0"> <a class="unstyled-link" href="{{ post.url }}">{{ post.title }}</a> diff --git a/css/skeleton.css b/css/skeleton.css index a27b4bac0afe78262c65648455881481d7b5bd02..d08a8909caa7c029c9cbc95ad073f8bf7ab68bb2 100644 --- a/css/skeleton.css +++ b/css/skeleton.css @@ -139,15 +139,26 @@ body { –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2, h3, h4, h5, h6 { margin-top: 0; - margin-bottom: 1.5rem; - font-weight: 100; } -h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;} -h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; } -h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; } -h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; } -h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; } + margin-bottom: 2rem; + font-weight: 100; +} +h1 { font-size: 3.0rem; line-height: 1.2; letter-spacing: -.1rem; } +h2 { font-size: 2.7rem; line-height: 1.25; letter-spacing: -.1rem; } +h3 { font-size: 2.2rem; line-height: 1.3; letter-spacing: -.1rem; } +h4 { font-size: 1.8rem; line-height: 1.35; letter-spacing: -.08rem; } +h5 { font-size: 1.3rem; line-height: 1.5; letter-spacing: -.05rem; } h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; } +/* Larger than phablet */ +@media (min-width: 550px) { + h1 { font-size: 4.0rem; } + h2 { font-size: 3.6rem; } + h3 { font-size: 3.0rem; } + h4 { font-size: 2.4rem; } + h5 { font-size: 1.8rem; } + h6 { font-size: 1.5rem; } +} + p { margin-top: 0; } diff --git a/neuigkeiten.md b/neuigkeiten.md index 92b94ca583c9a59c894ae1aa0e89140506e8b552..db378f4fcd5f1d2db3dd9a278c120b9a8eacb0a1 100644 --- a/neuigkeiten.md +++ b/neuigkeiten.md @@ -10,7 +10,7 @@ order: 0 {% for post in site.posts limit:10 %} -<div class="d-flex g-3 flex-column-reverse flex-row-m"> +<div class="d-flex g-2 flex-column-reverse flex-row-m"> <div class="flex-item"> <h4 class="mb-0"> <a class="unstyled-link" href="{{ post.url }}">{{ post.title }}</a>