Bootstrap 4 breakpoints SASS mixins

gistfile1.txt

// ============= MIXINS ============== //
// Extra small devices (portrait phones, less than 576px)
@mixin atSmall {
    @media (min-width: 576px) {
        @content;
    }
}

@mixin atMedium {
    @media (min-width: 768px) {
        @content;
    }
}

@mixin atLarge {
    @media (min-width: 992px) {
        @content;
    }
}

@mixin atXLarge {
    @media (min-width: 1200px) {
        @content;
    }
}