github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

establish relative font-size when $relative-font-sizing == true

Browse Source
This commit is contained in:
Eric Meyer 2012-04-11 15:49:41 -06:00
parent 56e0dc5b5f
commit 18de15a157
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss
View File

@ -55,14 +55,16 @@ $base-half-leader: $base-leader / 2;
// Establishes a font baseline for the given font-size. // Establishes a font baseline for the given font-size.
@mixin establish-baseline($font-size: $base-font-size) { @mixin establish-baseline($font-size: $base-font-size) {
$relative-size : 100% * ($font-size / $browser-default-font-size);
@if $legacy-support-for-ie6 and (not $relative-font-sizing) {
// IE 6 refuses to resize fonts set in pixels and it weirdly resizes fonts // IE 6 refuses to resize fonts set in pixels and it weirdly resizes fonts
// whose root is set in ems. So we set the root font size in percentages of // whose root is set in ems. So we set the root font size in percentages of
// the default font size. // the default font size, even if we are using absolute sizes elsewhere.
* html { * html { font-size: $relative-size; }
font-size: 100% * ($font-size / $browser-default-font-size);
} }
html { html {
font-size: $font-size; font-size: if($relative-font-sizing,$relative-size,$font-size);
@include adjust-leading-to(1, if($relative-font-sizing, $font-size, $base-font-size)); @include adjust-leading-to(1, if($relative-font-sizing, $font-size, $base-font-size));
} }
} }