diff --git a/doc-src/content/CHANGELOG.markdown b/doc-src/content/CHANGELOG.markdown index 5e587f5b..8a1d9eff 100644 --- a/doc-src/content/CHANGELOG.markdown +++ b/doc-src/content/CHANGELOG.markdown @@ -13,6 +13,8 @@ COMPASS CHANGELOG * HTML5 reset includes box-model reset for newer browsers. * Fix encoding issue for ruby 1.9 users of the font-face mixin. * Make it easier to disable the asset cache buster: `asset_cache_buster :none` +* Can now set `$padding` to `false` to make the `horizontal-list` mixin skip the + padding properties. 0.10.5 (08/29/2010) ------------------- diff --git a/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss b/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss index 5e98b718..297e895a 100644 --- a/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss +++ b/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss @@ -31,21 +31,26 @@ // // :last-child is not fully supported // see http://www.quirksmode.org/css/contents.html#t29 for the support matrix - +// +// Setting `$padding` to `false` disables the padding between list elements @mixin horizontal-list-item($padding: 4px, $direction: left) { @include no-bullet; white-space: nowrap; @include float($direction); - padding: { - left: $padding; - right: $padding; - }; - &:first-child, &.first { padding-#{$direction}: 0px; } - &:last-child, &.last { padding-#{opposite-position($direction)}: 0px; } + @if $padding { + padding: { + left: $padding; + right: $padding; + } + &:first-child, &.first { padding-#{$direction}: 0; } + &:last-child, &.last { padding-#{opposite-position($direction)}: 0; } + } } // A list(ol,ul) that is layed out such that the elements are floated left and won't wrap. // This is not an inline list. +// +// Setting `$padding` to `false` disables the padding between list elements @mixin horizontal-list($padding: 4px, $direction: left) { @include horizontal-list-container; li {