Здравствуйте коллеги. Я знаком со всеми возможными вариантами организации когда, но столкнулся с такой вот проблемкой, не могу понять как сверстать один блок, чтобы он был не в отдельном файле, а reusable и так далее.
Проект не большой, главная и пара презентационных страниц. Есть модальное окно. В нем есть блок "информация". Простой, на первый взгляд.
Идет карта, а под ней два столбца (bootstrap grid), в первом идут 5 блоков (Телефон, майл, соц сети и ссылки на документы) во втором столбце инпуты и кнопки.
Организация проекта такая
base
-global.scss
-var.scss
-mixins.scss
Вопрос, как сверстать этот блок с учетом того, что текст в некоторых блоках должен быть большой и красный, например . Или у левого .row должен быть border-right: 1px solid #000;. Первое что пришло в голову - обернуть все это дело в див и уже в нем сделать так .blockwrapper > .row {border-right: 1px solid #000;.}. Но помоему это грязно. Как сверстать блок не превратив проект в кашу?
Средний
Простой
Средний
