// стандарт
<div class="field">
<input class="input" />
</div>
// с модификаторами
<div class="field field_big-space">
<input class="input input_big-text" />
</div>
$('.js-popup-open').magnificPopup({
type: 'inline'
});
mixin svg
svg.svg-icon
path
+svg
- var svg2 = '<svg class="svg-icon"><path></path></svg>';
!= svg2
background: url(img\intro\intro__bg.jpg) center no-repeat;
если у сайта не одна страница, то для каждой нужно писать css в отдельном файле?
но ведь на страницах много одинаковых элементов, таких как header, footer.
.footer-widgets {
height: 180px; <- Это удалить
}
.sidebar-column {
position: relative;
bottom: 70px; <- Это удалить
}
.widget-area .widget {
position: relative;
margin-bottom: 55px; <- Это удалить
}
$self: "select";
.#{$self} {
&.open {
z-index: 2;
.#{$self}__dropdown {
display: block;
background-color: white;
}
.#{$self}__label {
border-bottom: none;
}
.#{$self}__arrow {
transition: 0.3s ease;
transform: rotate(180deg);
}
}
}
.select {
&.open {
z-index: 2;
}
&.open &__dropdown {
display: block;
background-color: white;
}
&.open &__label {
border-bottom: none;
}
&.open &__arrow {
transition: 0.3s ease;
transform: rotate(180deg);
}
}
Вот хотел спросить, когда нужно добавлять префиксы браузеров?