В миксин можно через директиву @content передавать внутрь стили
Конкретно в примере создаётся миксин с записанным адаптивом, который позволяет внутрь передавать нужные стили
@mixin mediaTablet {
@media screen and (max-width: $tablet) {
@content;
}
}И далее адаптив применяется подобным образом в просто передачей новых стилей под новый размер
.footer {
padding-top: 72px;
padding-bottom: 51px;
background: $footer-bg;
font-size: 14px;
letter-spacing: 0.05rem;
@include mediaTablet {
padding-top: 36px;
padding-bottom: 25px;
}
}