babsgosgens

$column-float: false; // If you prefer floated columns instead of inline-blocks, set to true.

babsgosgens

$negative-right-margin: false;

babsgosgens

#{$root-selector} {
    @include root();
}

babsgosgens

#{$column-selector} {
    @include column();
}

babsgosgens

#{$column-selector}-container {
    @include column-behavior();
}

babsgosgens

#{$column-selector}-padding {
    @include column-spacing();

babsgosgens

.bleed {
    @include bleed(); 
}

babsgosgens

.full {
    @include column-width(1/1);
}

babsgosgens

// Roll out the required columns
@each $fraction in $column-widths {
    $name: fraction-to-text($fraction);
	@if $name {
		.#{$name} {
			@include column-width($fraction);
		}
		.#{$name}.persistent {
			@include column-width($fraction, true);
		}

babsgosgens

<div class="my-collection">
    <div class="third column">1</div>
    <div class="third column">2</div>
    <div class="third column">3</div>
</div>