Option for horizontal-list to skip padding.
This commit is contained in:
parent
4820676d3a
commit
af72d2251f
doc-src/content
frameworks/compass/stylesheets/compass/utilities/lists
@ -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)
|
||||
-------------------
|
||||
|
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user