Если дам им модификаторы, то придется в зависимости от модификатора делать изменения элементов блока, но тогда придется использовать много каскадности, что плохо по БЭМу.
@font-face {
font-family: 'Acrom';
src: url("../fonts/Acrom-Regular.woff"), url("../fonts/Acrom-Regular.woff2");
font-weight: 400;
}
@font-face {
font-family: 'Acrom';
src: url("../fonts/Acrom-Bold.woff"), url("../fonts/Acrom-Bold.woff2")
font-weight: 700;
}
// Не правильно
span{
font-family: 'Acrom-bold'; // Здесь должно быть 'Acrom'
font-weight: 700;
}
// Правильно
span {
font-family: 'Acrom';
font-weight: 400; // Обычно
}
span {
font-family: 'Acrom';
font-weight: 700; // Жирно
}var log = fs.createWriteStream( __dirname + '/logs/express.log', {flags: 'a'} );
log.write( 'info' );gulp init структура создана, блоки и шрифты скопированы из библиотекиgulp dev кодинг ...
npm i
Зафлоаченные элементы выпадают из потока, но лишь частично:
Блочные элементы, которые идут в коде после зафлоаченного блока, перестают его замечать. Они подтягиваются вверх и занимают его место, как будто его и нет.
Строчные же элементы, расположенные в коде после зафлоаченного блока, начинают обтекать его со свободной стороны.
Ещё раз: для блочных элементов флоатные не существуют, но текст внутри блоков флоатные обтекает.
Такое поведение флоатов даёт интересные эффекты:
Эффект прохождения сквозь блоки. Проявляется, когда зафлоаченный элемент выше, чем несколько последующих за ним блоков.
Эффект выпадания из родителя или схлопывания родителя. Проявляется тогда, когда все дочерние блоки в родителе зафлоачены. В этом случае родитель схлопывается по высоте, как будто в нём нет содержимого, а блоки выпадают из него.