diff options
| author |   Alex Legler <alex@a3li.li> | 2015-08-10 22:24:14 +0200 |
|---|---|---|
| committer | Alex Legler <alex@a3li.li> | 2015-08-10 22:24:14 +0200 |
| commit | 0840e75f0b9d556c2e2447561ca381590992e465 (patch) | |
| tree | 18699058831ff249acd249c8502b5c056188d80a /_sass | |
| parent | Remove old CSS (diff) | |
| download | www-0840e75f0b9d556c2e2447561ca381590992e465.tar.gz www-0840e75f0b9d556c2e2447561ca381590992e465.tar.bz2 www-0840e75f0b9d556c2e2447561ca381590992e465.zip | |
Fix news item display on small screens
Also adds support for a teaser link after the teaser
Diffstat (limited to '_sass')
| -rw-r--r-- | _sass/misc.scss | 17 | ||||
| -rw-r--r-- | _sass/news.scss | 31 |
2 files changed, 31 insertions, 17 deletions
diff --git a/_sass/misc.scss b/_sass/misc.scss index 5f34dac..252036d 100644 --- a/_sass/misc.scss +++ b/_sass/misc.scss @@ -104,23 +104,6 @@ body.nav-align-h2 #content h2:first-of-type { overflow: hidden; } -section#news { - padding-top: 1em; -} - -article.newsitem { - margin-top: 1em; - max-height: 200px; -} - -.newsitem-content { - padding-left: 2.9em; -} - -.newsitem-bullet { - color: #aaa; -} - .use-flag { width: 25%; } diff --git a/_sass/news.scss b/_sass/news.scss new file mode 100644 index 0000000..41578cf --- /dev/null +++ b/_sass/news.scss @@ -0,0 +1,31 @@ +section#news { + padding-top: 1em; +} + +article.newsitem { + margin-top: 1em; + max-height: 200px; +} + +.newsitem-headline { + padding-left: 45px; +} + +.newsitem-content { + padding-left: 46px; +} + +.newsitem-bullet { + color: #aaa; + float: left; +} + +@media (max-width: 768px) { + .newsitem-bullet { + display: none; + } + + .newsitem-content, .newsitem-headline { + padding-left: 0; + } +}
\ No newline at end of file |