просто перед тем как ты проверяешь какой открыть блок закрываешь все блоки с таким классом. Получается ты нажал все блоки закрылись и потом следом открылся блок который должен открыться после нажатия.
Если как я написал выше типа бордер справа налево заполняется то :after или :before с нужными параметрами и анимация что-то типа такого,можно сделать так :hover:after {
@keyframes line {
0% {
width: 0;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
background-size: пробуй cover, или играйся с %, или с этим же играйся только в Js вычитываешь изменения экрана и применяй значения к картинкам по высоте или чему там надо. Прям такого чтобы написал 1 слово и все встало не будет, довольно не тривиальная задача.
Спасибо, я так и думал, что оно как-то не по очереди запускает или не понимает закончился предыдущий запуск или нет, но т.к особо не знаю пакеты сразу не подумал искать))) да поставил пакет gulp-sequence и пока все отлично, не рискнул пока обновляться до 4 версии gulp))
Юрий, а чем именно собираешь? нужно посмотреть может документацию если есть, может в нем зашито именно так компилировать но хотя больше похоже что он повторяет кусок кода. Вот я разложил через compass - .test{-o-object-fit:cover;object-fit:cover}, это через gulp - "gulp-sass": "^4.0.1" - .test{-o-object-fit:cover;object-fit:cover}, что-то с компилятором видать не то.
если сделаешь так .article__text.text {} тогда будет, а если как в примере вверху не будет. По алфавиту вообще не задумывался)) пишу по мере появления блоков сверху в низ и все. в твоем примере у тебя равнозначные классы получается т.е класс имеет вес 10 и тот и тот и применит то что будет ближе к конце файла, если ты сделаешь .article__text.text то вес уже выше 20 и применит его.
сработает 3 вариант как не меняй местами. + судя по БЭМ ты должен такие стили как цвет и размеры шрифта задавать модификатором т.е article__text а не в text, на примере bootstrap можешь посмотреть - кнопки например, там btn если на всю ширину btn-block если цвет другой btn-error и т.п
в априори не должно так быть.
1. Где-то ошибка
2. Сам компилятор глючный - переустановить попробовать другой
3. В самом Sass переписан код и при компиляции он его компилирует по новой, может кто-то внес изменения или вручную дописал в css и при компиляции дописанного кода не будет уже. Просто так мистики не может быть, скорее всего разница в измененном коде.
Олег Петров, а на телефоне у тебя на любом графике так будет, экран то мелкий, все решает возможность зумить, от этого никуда не денешься когда у тебя график с кучей информации))
мне кажется по любому со вставкой в html, если только ты заранее знаешь, что их будет не много т.к если ты пишешь стили на вставленный svg или img ты можешь грузить хоть миллион ссылок, а вот в Css коде тебе придется или классы вешать на каждый чтобы картинку подгрузить или координаты если это будет спрайт или по нумерации :nth-child(n) что при каждом новом пункте приводит к трате времени)