From cc8e03581a5621b556468c639234dbfd05bb566f Mon Sep 17 00:00:00 2001 From: Eric Meyer Date: Mon, 12 Sep 2011 14:36:40 -0600 Subject: [PATCH 1/2] added detail to rhythm-border documentation. --- .../stylesheets/compass/typography/_vertical_rhythm.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss b/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss index ba733b26..79c15ec8 100644 --- a/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss +++ b/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss @@ -149,7 +149,8 @@ $base-half-leader: $base-leader / 2; @include trailer($trailer, $font-size); } -// Apply a border width to any side without destroying the vertical rhythm +// Apply a border width to any side without destroying the vertical rhythm. +// The available space ($lines) must be greater than the width of your border. @mixin apply-side-rhythm-border($side, $width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) { @if not $relative-font-sizing and $font-size != $base-font-size { @warn "$relative-font-sizing is false but a relative font size was passed to apply-side-rhythm-border"; From 33ee8b09695282cc353108935f2ba83ff892afa6 Mon Sep 17 00:00:00 2001 From: Eric Meyer Date: Thu, 10 Nov 2011 15:04:49 -0700 Subject: [PATCH 2/2] remove 'underline.png' reference from vertical-rhythms. --- .../compass/typography/_vertical_rhythm.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss b/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss index 79c15ec8..7fce4e37 100644 --- a/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss +++ b/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss @@ -1,3 +1,5 @@ +@import "compass/layout/grid-background"; + // The base font size $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. -@mixin debug-vertical-alignment($img: 'underline.png') { - background: url($img); +// include the $img argument if you would rather use your own image than the +// 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.