Petal - это организованная и легкая CSS UI Framework, работающая на LESS
От Bootstrap до Foundation кажется, что есть бесконечный поток CSS-фреймворков выбрать из. Но мало бегают на МЕНЬШЕ и еще меньше так хорошо организован, как Лепесток.
Этот небольшой проект с открытым исходным кодом был создан для команды в Шакре но они решили выпустить все это на GitHub. Это все еще новый каркас так что есть много возможностей для улучшения. В своем нынешнем состоянии Лепесток является многофункциональный фреймворк для любого веб-проекта.
Все заинтересованные должны проверить Главная страница и посмотри часть документации.
Таблица стилей Petal разбивается на разные файлы LESS, так что организовано на основе функций и настроек. Таким образом, если вы хотите внести изменения или найти определенный класс, вам нужно просмотреть только один файл, например typography.less
, а не целая библиотека.
Вы можете увидеть некоторые из более общие конструктивные особенности в этой ручке вместе с фрагменты кода вы можете скопировать.
Лепесток должен быть минималистские рамки с простые готовые стили.
Не каждый хочет работать, добавляя цвет или тон в свои проекты. Прелесть CSS-фреймворка в том, что он может обеспечить дизайн и стиль, так что вы просто добавить HTML и двигаться.
Это то, что Лепесток хорошо, и это глоток свежего воздуха в мире, полном домашних страниц на базе Bootstrap.
Если вы хотите попробовать это для себя просто добавить Petal.css
таблицы стилей прямо на ваш документа раздел. Оттуда, все основные стили будут применены непосредственно ко всем элементам HTML.
Вы можете возиться с занятиями проверяя страницу документации на сайте. Там на самом деле целый раздел, охватывающий базовая настройка страницы с использованием класса, такие как .раздел
как контейнер с такими классами, как .строка
или же .колонка
для структуры.
Варианты макета практически бесконечны, и вы всегда можете добавить дополнительное форматирование для отступов и полей если нужно.
Для такого небольшого CSS-фреймворка Petal действительно впечатляет. В настоящее время он находится в зачаточном состоянии в версии 0.5, но со временем будет постоянно развиваться. Узнать больше проверить домашнюю страницу Petal, и посмотрим, что можно построить!