app/assets/stylesheets/grid/_omega.scss in neat-1.7.0.pre vs app/assets/stylesheets/grid/_omega.scss in neat-1.7.0.rc

- old
+ new

@@ -1,8 +1,39 @@ -// Remove last element gutter +/** + * Removes the element's gutter margin, regardless of its position in the grid hierarchy or display property. It can target a specific element, or every `nth-child` occurrence. Works only with `block` layouts. + * + * @param {List} $query (block) + * List of arguments. Supported arguments are `nth-child` selectors (targets a specific pseudo element) and `auto` (targets `last-child`). + * + * When passed an `nth-child` argument of type `*n` with `block` display, the omega mixin automatically adds a clear to the `*n+1` th element. Note that composite arguments such as `2n+1` do not support this feature. + * + * **Deprecation warning**: The omega mixin will no longer take a `$direction` argument. To change the layout direction, use `row($direction)` or set `$default-layout-direction` instead. + * + * @example scss - Usage + * .element { + * @include omega; + * } + * + * .nth-element { + * @include omega(4n); + * } + * + * @example css - CSS Output + * .element { + * margin-right: 0; + * } + * + * .nth-element:nth-child(4n) { + * margin-right: 0; + * } + * + * .nth-element:nth-child(4n+1) { + * clear: left; + * } + */ @mixin omega($query: block, $direction: default) { - $table: if(belongs-to(table, $query), true, false); - $auto: if(belongs-to(auto, $query), true, false); + $table: belongs-to(table, $query); + $auto: belongs-to(auto, $query); @if $direction != default { @include -neat-warn("The omega mixin will no longer take a $direction argument. To change the layout direction, use the direction(){...} mixin."); } @else { $direction: get-direction($layout-direction, $default-layout-direction);