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