diff options
author | Barry Clark <barry@barryclark.co> | 2014-02-12 20:42:49 -0500 |
---|---|---|
committer | Barry Clark <barry@barryclark.co> | 2014-02-12 20:42:49 -0500 |
commit | db4dceaba5b629fa0ff6769c448f87febb2b6af3 (patch) | |
tree | 606abe33d78e798c792dd7ccba581d855245d2a3 /scss | |
parent | 6c7ba1bc57f452a537548996823111b9a724c675 (diff) | |
download | kompetenzbolzen.github.io-db4dceaba5b629fa0ff6769c448f87febb2b6af3.tar.gz |
Lots of style updates
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_variables.scss | 2 | ||||
-rwxr-xr-x | scss/style.scss | 37 |
2 files changed, 21 insertions, 18 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 0a85575..53bae88 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -12,7 +12,7 @@ $black: #000; $darkerGray: #222; $darkGray: #333; $gray: #666; -$lightGray: #bbb; +$lightGray: #aaa; $lighterGray: #eee; $white: #fff; diff --git a/scss/style.scss b/scss/style.scss index d3d2cfc..6b13419 100755 --- a/scss/style.scss +++ b/scss/style.scss @@ -17,7 +17,7 @@ html { } body { - max-width: 700px; + max-width: 680px; margin: 0 auto; background: $white; @@ -25,20 +25,20 @@ body { color: $darkGray; } -h1, h2, h3, h4, h5, h6, .section > header { +h1, h2, h3, h4, h5, h6 { font-family: $helveticaNeue; color: $darkerGray; - font-weight: bold; + font-weight: 400; line-height: 1.7; - margin: 2em 0 15px; + margin: 1em 0 15px; padding: 0; } - + h1 { - font-size: 2rem; + font-size: 2.2rem; @include mobile { - font-size: 2rem; + font-size: 2.2rem; } } @@ -86,6 +86,10 @@ ul { list-style-type: disc; } +img { + max-width: 100%; +} + // Specify the color of the selection ::-moz-selection { color: $black; @@ -101,10 +105,6 @@ ul { // LAYOUT / SECTIONS // -header { - margin: 40px 0; -} - .logo { float: left; @@ -118,6 +118,10 @@ header { } } +.avatar { + border-radius: 6px; +} + nav { float: right; @@ -154,13 +158,12 @@ nav { } } -.post { - width: 680px; - - @include mobile { - width: 100%; - } +.posts > .post { + padding-bottom: 2em; + border-bottom: 1px solid $lighterGray; +} +.post { blockquote { border-left: 2px solid $gray; font-size: 1.2em; |