Имею ту же проблему...
&__logo {
width: 100%;
background: $color-tacha url('../img/header-triangle.png') no-repeat;
background-position: right;
line-height: $lg-top-height;
@include grid-media($xs-grid) {
@include grid-column(12, $xs-grid);
}
@include grid-media($sm-grid) {
@include grid-column(4, $sm-grid);
}
@include grid-media($md-grid) {
@include grid-column(5, $md-grid);
}
@include grid-media($lg-grid) {
@include grid-column(6, $lg-grid);
}
img {
max-width: 329px;
@include grid-media($sm-grid) {
width: 70%;
}
vertical-align: middle;
}
}
&__nav {
height: $lg-top-height;
background-color: $color-white;
@include grid-media($xs-grid) {
@include grid-column(12, $xs-grid);
}
@include grid-media($sm-grid) {
@include grid-column(8, $sm-grid);
}
@include grid-media($md-grid) {
@include grid-column(7, $md-grid);
}
@include grid-media($lg-grid) {
@include grid-column(6, $lg-grid);
}
}
Хуже всего то, что вместо парочки классов в html, вылазят вот такие портянки инклудов. Так должно быть? Если это и есть семантическая верстка, то я манал...