Âmbito de dispositivo personalizado SASS

Quando você está trabalhando com web design responsivo, precisa lidar com uma grande dimensão, mas usando sass (.scss), você pode escrevê-las em variáveis ​​e chamá-las como um escopo:

$small-device: "all and (max-width: XXXXpx)";

@media #{$small-device} {
    .col1, .col2, .col3, .col4, .col5, .col6, 
    .col7, .col8, .col9, .col10, .col11 {
        float: none;
        width: 99%;
    }
}