// Row Start & End // =============== // Row // --- // Apply to any layout element that should force a new layout row. // - [$flow] : ltr | rtl @mixin row( $flow: $flow ) { @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 // ----- // - [$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 | // - [$type] : child | last-child | of-type | last-of-type @mixin nth-first( $value: first, $type: child ) { &:#{format-nth($value,$type)} { @include first(); } } // Nth-Alpha // --------- // - [$value] : first | last | only | // - [$type] : child | last-child | of-type | last-of-type @mixin nth-alpha( $value: first, $type: child ) { @include nth-first($value, $type); } // 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 | // - [$type] : child | last-child | of-type | last-of-type @mixin nth-last( $value: last, $type: child ) { &:#{format-nth($value,$type)} { @include last(); } } // Nth-Omega // --------- // - [$value] : first | last | only | // - [$type] : child | last-child | of-type | last-of-type @mixin nth-omega( $value: last, $type: child ) { @include nth-last($value, $type); }