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

- old
+ new

@@ -1,42 +1,40 @@ -/** - * Translates an element horizontally by a number of columns. Positive arguments shift the element to the active layout direction, while negative ones shift it to the opposite direction. - * - * @param {Number (unitless)} $n-columns (1) - * Number of columns by which the element shifts. - * - * @example scss - Usage - * .element { - * @include shift(-3); - * } - * - * @example css - CSS output - * .element { - * margin-left: -25.58941%; - * } - */ +/// Translates an element horizontally by a number of columns. Positive arguments shift the element to the active layout direction, while negative ones shift it to the opposite direction. +/// +/// @param {Number (unitless)} $n-columns (1) +/// Number of columns by which the element shifts. +/// +/// @example scss - Usage +/// .element { +/// @include shift(-3); +/// } +/// +/// @example css - CSS output +/// .element { +/// margin-left: -25.58941%; +/// } + @mixin shift($n-columns: 1) { @include shift-in-context($n-columns); } -/** - * Translates an element horizontally by a number of columns, in a specific nesting context. - * - * @param {List} $shift - * A list containing the number of columns to shift (`$columns`) and the number of columns of the parent element (`$container-columns`). - * - * The two values can be separated with any string such as `of`, `/`, etc. - * - * @example scss - Usage - * .element { - * @include shift(-3 of 6); - * } - * - * @example css - CSS output - * .element { - * margin-left: -52.41458%; - * } - */ +/// Translates an element horizontally by a number of columns, in a specific nesting context. +/// +/// @param {List} $shift +/// A list containing the number of columns to shift (`$columns`) and the number of columns of the parent element (`$container-columns`). +/// +/// The two values can be separated with any string such as `of`, `/`, etc. +/// +/// @example scss - Usage +/// .element { +/// @include shift(-3 of 6); +/// } +/// +/// @example css - CSS output +/// .element { +/// margin-left: -52.41458%; +/// } + @mixin shift-in-context($shift: $columns of $container-columns) { $n-columns: nth($shift, 1); $parent-columns: container-shift($shift) !global; $direction: get-direction($layout-direction, $default-layout-direction);