nevod v0.2.0

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 с автоматическим расчетом ширины колонки от общего количества колонок.

Количество колонок можно изменить, тем самым изменив ширину блоков.

Width: fixed sizes - фиксированные размеры ширины

Width: quarters - ширина частиц