Как uninclude Sass подмешать

Question

Я это Mixin применяется в меню, я не хочу видеть на небольшом разрешении:

@mixin visuallyhidden { 
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
} 

Этот работает отлично. Но при большем разрешении я покажу это меню. Очевидно, я могу переопределить и вернуть эти атрибуты (я уже сделал это). Но я думал, есть ли встроенный способ удаления микшинов - что-то вроде @uninclude visuallyhidden;.

Или есть лучший способ, как это сделать?

Спасибо за все предложения.

Answer 1

Используйте медиа-запросы, чтобы применять стили, когда это необходимо. Выполнение и отмена раздувания вашего CSS без необходимости.

@media (max-width: 45em) { 
    .foo { 
     @include visuallyhidden(); 
    } 
}