Menu icon Foundation
Feature Request: Shrink & Order Flip

It would be great if the .shrink class (flex-grid) would be available for different breakpoints, similar to the Responsive Adjustments:

.shrink-large
.shrink-medium
.shrink-small

Another useful class for interesting layouts would be something like a (random) flipping of the order of the columns:

.orderflip {
	> .row:nth-child(even) {
		> .column:nth-child(1) {
			order: 2;
		}
		> .column:nth-child(2) {
			order: 1;
		}
	}
}

shrinkorderflex-grid

It would be great if the .shrink class (flex-grid) would be available for different breakpoints, similar to the Responsive Adjustments:

.shrink-large
.shrink-medium
.shrink-small

Another useful class for interesting layouts would be something like a (random) flipping of the order of the columns:

.orderflip {
	> .row:nth-child(even) {
		> .column:nth-child(1) {
			order: 2;
		}
		> .column:nth-child(2) {
			order: 1;
		}
	}
}
Richard van Laak almost 3 years ago

+1 for this one, shrink is great but especially in combination with responsiveness.