только лучше .--mod не писать, а сократить до .-mod, потому что -- в css используется в переменных, и в результате в safari вылезает неприятный баг. Это обсуждалось тут на тостере.
Никита Кит: ну я использую handlebars, просто handlebars это как бы "чистый html". А не пре-, пост- и еще черт знает какой процессор). Удивила категоричность просто.
А можете привести в пример сайты сложнее блогов, где отступы заданы в rem и они выглядят нормально с изменением размера шрифта? Просто я тоже когда-то поддалась на эту "мульку" и сверстала сложный леяут на rem. А потом попробовала увеличить шрифт...
Фишка с em мне нравится намного больше, но всё разбивается об суровую реальность, когда дизайнеры выставляют размеры на глаз или, что еще круче, "чтобы с фоном композиция не терялась".
AlikDex: Ну да, а потом создавать темы на тостере "почему дизайнеры такие плохие, сетка бутстрапа не подходит!" или "Как мне сделать 7 колонок, паника!". Это не к вам относится, а так, крик души)). Для сеток есть инструменты куда более гибкие. Susy, Neat. Чистый флексбокс, в конце концов.
Алекс: Бутстрап пишут под нужды твиттера. Выше головы не прыгнешь. Когда нужно что-то бОльшее, чем прототип, или лендинг, внезапно обнаруживается, что нужно писать новый, свой бутстрап. Materialize тоже, хоть и красивый, но как его вообще кастомизировать? Где вообще миксины хоть какие-то? Не понимаю, зачем им Scss версия, для красоты, наверное.
nollac: Можно, через border-image, т.к. градиент в css - это изображение, а не цвет. НО это уровень далеко не новичка, вам лучше пока изучать азы. Вот вам пример бордера с градиентом codepen.io/olgar/pen/KgoEZr
SM: ну то же самое можно сделать через display: table; width: 100%; для ul и display: table-cell для li. Просто с псевдоэлементом и text-align: justify; выравнивание это ооочень древний хак.
