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/_header.scss | |
| parent | 106288f71d6ccd4ef7e510705d9099836dd98476 (diff) | |
| download | octopress-theme-jeyzu-1599df108116ca573208e4117ace405fdb8be2be.zip octopress-theme-jeyzu-1599df108116ca573208e4117ace405fdb8be2be.tar.gz | |
responsive layout
Diffstat (limited to 'sass/parts/_header.scss')
| -rw-r--r-- | sass/parts/_header.scss | 53 |
1 files changed, 50 insertions, 3 deletions
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss index 739372e..a11ff44 100644 --- a/sass/parts/_header.scss +++ b/sass/parts/_header.scss @@ -17,10 +17,8 @@ header{ nav{ margin-left: 30px; >ul{ - list-style: none; - padding-right: 30px; >li{ - float: left; + display: inline-block; margin-left: 50px; position: relative; &:hover{ @@ -142,4 +140,53 @@ header{ } } } +} + +@media screen and (max-width: 1030px){ + header{ + height: auto; + position: relative; + padding-bottom: 10px; + h1{ + float: none !important; + } + nav{ + margin-left: 0; + margin-top: 15px; + float: none !important; + >ul{ + >li{ + margin-left: 0; + margin-right: 50px; + &:last-of-type{ + margin-right: 0; + } + } + ul{ + top: 40px; + } + } + } + >.right{ + position: absolute; + top: 30px; + right: 0; + } + } +} + +@media screen and (max-width: 600px){ + header{ + .social{ + display: none; + } + .search{ + input[type="text"]{ + width: 60px; + &:focus, &:active{ + width: 100px; + } + } + } + } }
\ No newline at end of file |