aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorFrederic Hemberger <mail@frederic-hemberger.de>2011-11-17 22:29:29 -0800
committerFrederic Hemberger <mail@frederic-hemberger.de>2011-11-17 22:29:29 -0800
commit4d8745bf7bbef646578e38bbfa8d58ab294c99a4 (patch)
tree4082474a1fd3afc6837bb91b64671ceccf2626d4
parent6561da22f5c9f499de2c99e57da8f3d65cd550a0 (diff)
parentc1e6ad5ed3557af297fe80ea6a97b6cf5eb8f4ab (diff)
downloadmy_new_personal_website-4d8745bf7bbef646578e38bbfa8d58ab294c99a4.tar.xz
my_new_personal_website-4d8745bf7bbef646578e38bbfa8d58ab294c99a4.zip
Merge pull request #288 from jakemcc/octo-head
Make header font-size customizable.
-rw-r--r--.themes/classic/sass/base/_layout.scss14
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 {