Comments 7
Мы рисуем десятиколоночную сетку. Её легче считать на вёрстке
12 делится на 2, 3, 4, 6. 10 делится на 2, 5. Это главная причина, почему используется 12 колонок. Дизайнер хочет 3 колонки - он делает 3 колонки, а не 5 (слишком мелко) и не 2 (слишком крупно).
5 колонок * 157px + 4 отступа * 30px = 905px.
(не забываем, что 1920px минус 2 отступа справа и слева по 30px = 1840px).
width: percentage(905 / 1840);
Я правда хочу верить, что это шутка. Вместо условного "col-md-4" бутстрап-стайл мне предлагается верстать с калькулятором в руках? Или это какая-то разовая акция?
И ещё, я, вероятно, чего-то не знаю про SCSS/SASS, но:
width: * 5 + " class="formula inline">grid_gutter 4;
Это очень странный стиль, который я раньше не видел. Чем это лучше конструкций аля:
@include col(4);
или подобных им? чище же и понятнее в 100 раз.
В общем, сорри за негатив, но я не понял в чём суть вашего решения.
Звучит так "мы не смогли заставить дизайнеров рисовать норм макеты, поэтому придумали собственную грид-систему, которую дизайнеры, почему-то, использовать будут, хотя она отличается от best-practise по грид-системам".
Спасибо за ваши комментарии и интерес к теме!
Мы показали один из способов, пользоваться им или нет — личное дело каждого разработчика. В нашей компании это работает и сильно облегчает нам жизнь.
Цифры, которые мы так подробно описали, нужны для того, чтобы был понятен каждый расчёт (который в итоге будет сделан браузером).
Верстать с калькулятором? Сложные макеты делали? Когда верстка вообще по golden ratio? Калькулятор обязателен. Бутстрап? Тянуть кучу всякой фигни ненужной когда весь лайаут пишется в 100 строк и так как нужно тебе.
Проверьте сниппеты кода, явно какая-то дичь:
Резиновая верстка: универсальная сетка под все брейкпоинты, примеры и правила