sass/susy/language/susy/_rows.scss in susy-2.0.0.alpha.2 vs sass/susy/language/susy/_rows.scss in susy-2.0.0.alpha.3

- old
+ new

@@ -1,76 +1,104 @@ // Row Start & End // =============== +// Row +// --- // Apply to any layout element that should force a new layout row. +// - [$flow] : ltr | rtl @mixin row( $flow: $flow ) { - $clear: $flow; - - @if $flow == ltr or $flow == rtl { - $clear: from($flow); - } - - clear: $clear; + @include pie-clearfix; + clear: from($flow); } +// Unrow +// ----- // Cancel the row() effect, e.g. when using media queries. +// - [$flow] : ltr | rtl @mixin unrow { clear: none; + &:after { + content: none; + display: inline; + clear: none; + } } -// First item -// ---------- - +// First +// ----- +// - [$flow] : ltr | rtl @mixin first( $flow: $flow ) { @include float-first($flow); } +// Alpha +// ----- +// - [$flow] : ltr | rtl @mixin alpha( $flow: $flow ) { @include float-first($flow); } +// Nth-First +// --------- +// - [$value] : first | last | only | <math> +// - [$type] : child | last-child | of-type | last-of-type @mixin nth-first( $value: first, $type: child ) { - &:#{format-nth($value,$type)} { @include first($flow); } + &:#{format-nth($value,$type)} { @include first(); } } +// Nth-Alpha +// --------- +// - [$value] : first | last | only | <math> +// - [$type] : child | last-child | of-type | last-of-type @mixin nth-alpha( $value: first, $type: child ) { @include nth-first($value, $type); } -// Last item -// --------- - +// Last +// ---- +// - [$flow] : ltr | rtl @mixin last( $flow: $flow ) { @include float-last($flow); } +// Omega +// ----- +// - [$flow] : ltr | rtl @mixin omega( $flow: $flow ) { @include float-last($flow); } +// Nth-Last +// -------- +// - [$value] : first | last | only | <math> +// - [$type] : child | last-child | of-type | last-of-type @mixin nth-last( $value: last, $type: child ) { - &:#{format-nth($value,$type)} { @include last($flow); } + &:#{format-nth($value,$type)} { @include last(); } } +// Nth-Omega +// --------- +// - [$value] : first | last | only | <math> +// - [$type] : child | last-child | of-type | last-of-type @mixin nth-omega( $value: last, $type: child ) { @include nth-last($value, $type);