Можно ли так назвать класс: "header-footer-left-wrapper-headline"
Какое максимальное количество слов должен содержать класс?
Как вообще лучше называть классы?
Блоки product должны кардинально различаться друг от друга, при том что они имеют одинаковую структуру. Как быть в такой ситуации?
Вот хотел узнать, стоит или не стоит учить и использовать?
Если стоит, то также может посоветуете какой лучше выбрать, т.к. как я понял их много.
Проблемы начинаются когда нужно делать адаптив. Между "плюсами" должны появиться вертикальные отступы.
<div class="grid page__layout">
<div class="grid__row">
<div class="grid__col grid__col--xs-12">...</div>
<div class="grid__col grid__col--xs-12 grid__gap-xs">...</div> // Колонка с оступом для xs
</div>
</div>display: inline-block;, если нужно какую-то кнопку сделать во всю ширину, то лучшим решением будет сделать микс с элементом, модификатор на мой взгляд тут не нужен.
Вопрос, все таки такой метод имеет право на жизнь ?
<a href="#"><span>Block</span></a>a span {display: block;}
@keyframes myanim
0%
font-size 20px
100%
font-size 30px// Mixin
key( name = 'name' )
@keyframes {name}
{block}
// Use
p
+key( 'font' )
0%
font-size 20px
100%
font-size 30pxgulp.src(['app/**/*.sass', 'app/**/*.scss'])gulp.src(['app/sass/*.sass', 'app/sass/*.scss'])
// или
gulp.src( 'app/sass/*.{sass,scss}' )