tenpix
Идея фреймворка возникла после наблюдения за мотырствами верстальщиков, которые реализовывали в верстке дизайн-макеты.
В дизайне Илья Красинский и Алексей Пелевин пропогандируют работу в люстре через 10(12)px-сетку, что довольно удобно. При этом текст позиционируется по базовой линии и строго по сетке, что дает гибкость, контролируемость поведения шрифта и делает макет стандартизированным. Эта идея полностью разрушается при переводе дизайна в верстку, где верстальщики в большей степени даже не в курсе такого подхода и работают с кодом привычными им методами.
Чтобы облегчить верстальщикам понимание данной концепции и не принуждать их к действиям, которые они совершать не захотят по собственной инициативе, разрабатывается данный фреймворк.
###10px-grid typography css-framework
Этот фреймворк заточен под правильное позиционирование текста и модульную сетку с 10px квадратом.
####Зависимости
- Для рендеринга позиционной модульной сетки требуется lienar-gradient.less (Скорее всего в будущем будет включен в пакет, чтобы не вызывать лишних зависимостей)
- Желательно использование normalize.less(css)
##Плюшки: ###Сетка
- Рендеринг вспомогательной сетки простым подключением класса .make-grid
- Возможность менять модуль сетки в файле настроек
###Шрифты
- Полу-автоматический расчет смещения baseline: изначально необходимо указать в настройках базовые параметры шрифта
- Позиционирование по базовой линии шрифта, а не по верхней
- Идеальное позиционирование по сетке
- Настройка line-height
- Настройка используемых размеров шрифтов
###Верстка
- Работа в mixins-режиме
- Возможно применение в inline-class режиме, однако это нарушет семантику кода верстки
- Не конфликтует с другими фреймворками, возможно применение с тем же Bootstrap (требуется тестирование)
##Важно: Текст позиционируется по базовой линии!