Nevod
Low-weight and simple CSS framework designed for the layout of responsive pages.
Components
Width: columns, fixed, quarters
Невод (Nevod)
Легкий и простой CSS-фреймворк предназначен для разметки блоков веб-страниц.
Почему Невод?
Невод состоит из отдельных расширяемых компонентов, из которых строится готовый CSS-файл.
Компоненты могут быть использованы в других проектах. Нет необходимости использовать все компоненты, тем более, когда они не нужны.
Большинство компонентов управляемы и расширяемы, т.е. можно изменять параметры генерации стилей и генерировать необходимые стили и классы.
К именам классов можно добавлять префиксы и можно изменять имена классов не меняя исходный код.
Невод не содержит стилей элементов форм, анимаций, оформления изображений, типографики и т.п. В первую очередь он создавался для разработки веб-сайтов использующих нестандартные стили и для верстальщиков пишуших минимальный код для разметки страниц без использования раздутых фреймворков.
Компоненты
По умолчанию в Невод входят следующие компоненты:
- width-columns - генерирует классы и стили для задания ширины элемента по количеству колонок. Количество колонок можно изменять;
- width-fixed-sizes - генерирует классы и стили с фиксированными размерами. Фиксированные размеры можно изменять;
- width-quarters - генерирует классы и стили для задания ширины элемента указывая часть от общего количества стоблцов. Количество стоблцов можно изменять;
Width - ширина блоков и элементов
Компоненты для задания ширины между собой не совместимы! Это значит вы можете задать только одну ширину элементу. Исключение составляет только отзывчивая ширина, которая применяется в зависимости от ширины экрана.
По умолчанию ширина элемента задается с помощью класса .width_<name_of_state>, где name_of_state - название ширины соответствующее определенному значению ширины блока.
Width: columns - ширина колонок
По умолчанию генерируются классы с .width_1 по .width_12 с автоматическим расчетом ширины колонки от общего количества колонок.
Количество колонок можно изменить, тем самым изменив ширину блоков.