// Fill
//-----------
// A fill will stretch to fill the space, but will not be compressed 
//---------
.container-fill {
    @include container-fill;
}

// Stacked and stretch to fill y-axis and x-axis
.container-fill-y {
    @include container-fill-y;
}

// Stretch to fill x-axis and center vertically
.container-fill-x-center {
    @include container-fill-x-center;
}

// Stacked tretch to fill y-axis and center horizontally
.container-fill-y-center {
    @include container-fill-y-center;
}

// Child of .container-fill to fill.
.fill {
    @include fill;
}

.fill-scroll {
    @include fill-scroll;
}