Rework flags

[daveredfern]

Rework flags

// =============================================
// Flag
// =============================================

.u-flag {
    @include flex;
}


// =============================================
// Flag with gutter
// =============================================

.u-flag--gutter {
    @include grid-gutter-x;
}


// =============================================
// Flag centered
// =============================================

.u-flag--center {
    @include align-items(center);
}


// =============================================
// Flag split
// =============================================

.u-flag--split {
    @include justify-content(space-between);
}


// =============================================
// Flag reversed
// =============================================

.u-flag--reverse {
    @include flex-direction(row-reverse);
}


// =============================================
// Flag stretched
// =============================================

.u-flag--stretch {
    > *:first-child {
        flex-grow: 1;
    }
    > *:last-child {
        flex-shrink: 0;
    }
}

[daveredfern]

@gazjoy are we happy with the above? Names all good?

[gazjoy]

Flags are now gone and replaced with 2 new grid types. g-collapse and g-stretch