Sassy Bootstrap 4 golden ratio

_grid.scss

// Bootstrap 4.1.3
// Golden Ratio

@import '~/bootstrap/scss/functions';
@import '~/bootstrap/scss/variables';
@import '~/bootstrap/scss/mixins/breakpoints';
@import '~/bootstrap/scss/mixins/grid-framework';
@import '~/bootstrap/scss/mixins/grid';
@import '~/bootstrap/scss/grid';

.col-golden-ratio-lg {
    @include make-col-ready();
    @include media-breakpoint-up(md) {
        @include make-col(6.18, 10);    // ~61.8% based on φ = 1.618…
    }
}

.col-golden-ratio-sm {
    @include make-col-ready();
    @include media-breakpoint-up(md) {
        @include make-col(3.82, 10);   // ~38.2% based on φ = 1.618…
    }
}