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);