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

added reset-baseline to vertical rhythym

Browse Source
This commit is contained in:
Scott Davis 2011-12-19 12:44:35 -05:00
parent 57dcbad3ae
commit c92766ba99
3 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -59,6 +59,11 @@ $base-half-leader: $base-leader / 2;
} }
} }
// resets the baseline to 1 leading unit
@mixin reset-baseline {
@include adjust-leading-to(1, if($relative-font-sizing, $base-font-size, $base-font-size));
}
// Show a background image that can be used to debug your alignments. // Show a background image that can be used to debug your alignments.
// include the $img argument if you would rather use your own image than the // include the $img argument if you would rather use your own image than the
// Compass default gradient image. // Compass default gradient image.

3
test/fixtures/stylesheets/compass/css/vertical_rhythm.css vendored
View File

@ -40,3 +40,6 @@ html > body {
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-width: 0.25em; border-bottom-width: 0.25em;
padding-bottom: 0.417em; } padding-bottom: 0.417em; }
.reset {
line-height: 1.143em; }

2
test/fixtures/stylesheets/compass/sass/vertical_rhythm.scss vendored
View File

@ -12,3 +12,5 @@ $base-line-height: 16px;
.borders { @include h-borders(1px,1); } .borders { @include h-borders(1px,1); }
.large-borders { @include adjust-font-size-to(24px,3); @include h-borders(6px,1,24px); } .large-borders { @include adjust-font-size-to(24px,3); @include h-borders(6px,1,24px); }
.reset { @include reset-baseline; }