Mobile Column Classes with Flex basis

Add class to the columns to force media queries to alter the default flex basis

eg: .columns.medium-fb100 .column { flex-basis:100%; }

Without

This

column

works

With (view at medium 600- 960px)

This

column

works

Force This .medium-only-fb50

column

works

note: when class is added to columns gap is removed in this helper, columns has class .no-gap

This .medium-only-fb60

.medium-only-fb20

.medium-only-fb20

Small only (view at less than 600) stacked on mobile turned off

This .medium-only-fb60
.small-only-fb60

.medium-only-fb20
.small-only-fb20

.medium-only-fb20
.small-only-fb20