// Screen width is in the breakpoint's range.
    @include media($name);

    // Screen width is less than breakpoint's minimum width.
    @include media-lt($name);

    // Screen width is greater than breakpoint's maximum width.
    @include media-gt($name);

@use "media-queries.scss" as *;

.container {
    @include media("xs") {
        background: blue;
    }

    @include media-lt("mobile-s") {
        color: green;
    }

    @include media-gt("laptop") {
        color: red;
    }
}