diff options
author | SkyArrow <tommy351@gmail.com> | 2012-01-24 18:20:05 +0100 |
---|---|---|
committer | SkyArrow <tommy351@gmail.com> | 2012-01-24 18:20:05 +0100 |
commit | 1599df108116ca573208e4117ace405fdb8be2be (patch) | |
tree | a5d006741b20128dfff8f9e4e905ed3e5ccf5e3c /sass/parts/_archive.scss | |
parent | 106288f71d6ccd4ef7e510705d9099836dd98476 (diff) | |
download | octopress-theme-jeyzu-1599df108116ca573208e4117ace405fdb8be2be.zip octopress-theme-jeyzu-1599df108116ca573208e4117ace405fdb8be2be.tar.gz |
responsive layout
Diffstat (limited to 'sass/parts/_archive.scss')
-rw-r--r-- | sass/parts/_archive.scss | 31 |
1 files changed, 30 insertions, 1 deletions
diff --git a/sass/parts/_archive.scss b/sass/parts/_archive.scss index ad96dc2..037e92a 100644 --- a/sass/parts/_archive.scss +++ b/sass/parts/_archive.scss @@ -20,7 +20,6 @@ section.archive{ } h1.archive-title{ font-size: 25px; - font-weight: 300; line-height: 35px; width: 200px; position: absolute; @@ -37,8 +36,13 @@ section.archive{ } article.archive{ margin-left: 200px; + h1{ + margin-bottom: 0; + } .meta{ color: $font-meta; + line-height: 2; + margin-top: 15px; span{ margin-right: 30px; padding-left: 30px; @@ -62,4 +66,29 @@ section.archive{ } } } +} + +@media screen and (max-width: 600px){ + section.archive{ + h1.archive-title{ + position: relative; + width: 100%; + & + article.archive{ + border-top: none; + h1{ + padding-top: 15px; + } + } + } + article.archive{ + margin-left: 0; + padding: 15px 0; + h1{ + font-size: 20px; + } + .meta{ + display: none; + } + } + } }
\ No newline at end of file |