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

Merge branch 'stable'

Browse Source
This commit is contained in:
Chris Eppstein 2011-11-14 15:48:42 -08:00
commit 129652d382
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
doc-src/content/help/tutorials/best_practices.markdown
View File

@ -45,9 +45,8 @@ Then you can include this file in all other stylesheets:
// etc. // etc.
It is important to define any compass/framework constants that you want to override It is important to define any compass/framework constants that you want to override
in base.scss first, before @import-ing the framework files. See [Overriding in base.scss first, before @import-ing the framework files. See [Working with
Constants][3] , for an example of where the number of grid columns for blueprint Configurable Variables][3], for a specific example. Note that you can refer to `_base.scss` without the
is overridden/set to 32. Note that you can refer to `_base.scss` without the
leading underscore and without the extension, since it is a [partial][1]. leading underscore and without the extension, since it is a [partial][1].
## Write your own Custom Mixins ## Write your own Custom Mixins
@ -110,6 +109,6 @@ selectors and let the document cascade work to your advantage.
[1]: http://sass-lang.com/yardoc/file.SASS_REFERENCE.html#partials [1]: http://sass-lang.com/yardoc/file.SASS_REFERENCE.html#partials
[2]: http://groups.google.com/group/compass-users/browse_frm/thread/0ed216d409476f88 [2]: http://groups.google.com/group/compass-users/browse_frm/thread/0ed216d409476f88
[3]: http://wiki.github.com/chriseppstein/compass/overriding-constants [3]: http://compass-style.org/help/tutorials/configurable-variables/
[4]: http://c2.com/cgi/wiki?DontRepeatYourself [4]: http://c2.com/cgi/wiki?DontRepeatYourself
[5]: http://chriseppstein.github.com/blog/2009/09/20/why-stylesheet-abstraction-matters/ [5]: http://chriseppstein.github.com/blog/2009/09/20/why-stylesheet-abstraction-matters/

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

@ -1,3 +1,5 @@
@import "compass/layout/grid-background";
// The base font size // The base font size
$base-font-size: 16px !default; $base-font-size: 16px !default;
@ -58,8 +60,14 @@ $base-half-leader: $base-leader / 2;
} }
// Show a background image that can be used to debug your alignments. // Show a background image that can be used to debug your alignments.
@mixin debug-vertical-alignment($img: 'underline.png') { // include the $img argument if you would rather use your own image than the
background: url($img); // Compass default gradient image.
@mixin debug-vertical-alignment($img: false) {
@if $img {
background: image-url($img);
} @else {
@include baseline-grid-background($base-rhythm-unit);
}
} }
// Adjust a block to have a different font size and leading to maintain the rhythm. // Adjust a block to have a different font size and leading to maintain the rhythm.