moparisthebest/android.moparisthebest.org
1
0
Fork 0
mirror of https://github.com/moparisthebest/android.moparisthebest.org synced 2024-12-25 00:48:53 -05:00
Code Issues Releases Wiki Activity

Merge pull request #288 from jakemcc/octo-head

Browse Source 
Make header font-size customizable.
This commit is contained in:
Frederic Hemberger 2011-11-17 22:29:29 -08:00
commit 4d8745bf7b
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
.themes/classic/sass/base/_layout.scss
View File

@ -14,6 +14,8 @@ $sidebar-width-wide: 300px !default;
$indented-lists: false !default; $indented-lists: false !default;
$header-font-size: 1em !default;
.group { @include pie-clearfix; } .group { @include pie-clearfix; }
@mixin collapse-sidebar { @mixin collapse-sidebar {
@ -79,9 +81,9 @@ body {
} }
} }
> header { > header {
font-size: 1em; font-size: $header-font-size;
padding-top: 1.5em; padding-top: $header-padding-top;
padding-bottom: 1.5em; padding-bottom: $header-padding-bottom;
} }
} }
@ -115,14 +117,14 @@ body.sidebar-footer {
} }
@media only screen and (min-width: 550px) { @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) { @media only screen and (min-width: 750px) {
aside.sidebar { @include collapse-sidebar; } aside.sidebar { @include collapse-sidebar; }
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
body { -webkit-text-size-adjust: auto; } body { -webkit-text-size-adjust: auto; }
body > header { font-size: 1.2em; } body > header { font-size: $header-font-size * 1.2; }
#main { #main {
@extend .group; @extend .group;
padding: 0; padding: 0;
@ -159,7 +161,7 @@ body.sidebar-footer {
} }
@media only screen and (min-width: 992px) { @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 { margin-right: $sidebar-width-wide; }
#content { #content {
> div, > article { > div, > article {