diff options
| author | Jake McCrary <jake@jakemccrary.com> | 2011-11-17 21:08:53 -0600 |
|---|---|---|
| committer | Jake McCrary <jake@jakemccrary.com> | 2011-11-17 21:21:26 -0600 |
| commit | c1e6ad5ed3557af297fe80ea6a97b6cf5eb8f4ab (patch) | |
| tree | 4082474a1fd3afc6837bb91b64671ceccf2626d4 /.themes/classic | |
| parent | 6561da22f5c9f499de2c99e57da8f3d65cd550a0 (diff) | |
| download | my_new_personal_website-c1e6ad5ed3557af297fe80ea6a97b6cf5eb8f4ab.tar.xz my_new_personal_website-c1e6ad5ed3557af297fe80ea6a97b6cf5eb8f4ab.zip | |
Make header font size customizable.
Change $header-font-size variable to specify size.
Diffstat (limited to '.themes/classic')
| -rw-r--r-- | .themes/classic/sass/base/_layout.scss | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/.themes/classic/sass/base/_layout.scss b/.themes/classic/sass/base/_layout.scss index 3774a3ce..dda4f818 100644 --- a/.themes/classic/sass/base/_layout.scss +++ b/.themes/classic/sass/base/_layout.scss @@ -14,6 +14,8 @@ $sidebar-width-wide: 300px !default; $indented-lists: false !default; +$header-font-size: 1em !default; + .group { @include pie-clearfix; } @mixin collapse-sidebar { @@ -79,9 +81,9 @@ body { } } > header { - font-size: 1em; - padding-top: 1.5em; - padding-bottom: 1.5em; + font-size: $header-font-size; + padding-top: $header-padding-top; + padding-bottom: $header-padding-bottom; } } @@ -115,14 +117,14 @@ body.sidebar-footer { } @media only screen and (min-width: 550px) { - body > header { font-size: 1em; } + body > header { font-size: $header-font-size; } } @media only screen and (min-width: 750px) { aside.sidebar { @include collapse-sidebar; } } @media only screen and (min-width: 768px) { body { -webkit-text-size-adjust: auto; } - body > header { font-size: 1.2em; } + body > header { font-size: $header-font-size * 1.2; } #main { @extend .group; padding: 0; @@ -159,7 +161,7 @@ body.sidebar-footer { } @media only screen and (min-width: 992px) { - body > header { font-size: 1.3em; } + body > header { font-size: $header-font-size * 1.3; } #content { margin-right: $sidebar-width-wide; } #content { > div, > article { |