Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/getpavilion/pavilion

Pavilion CSS Framework. A solid starting point without the bloat.
https://github.com/getpavilion/pavilion

css-framework pavilion scss-framework starting-point unopinionated-css-framework

Last synced: 1 day ago
JSON representation

Pavilion CSS Framework. A solid starting point without the bloat.

Awesome Lists containing this project

README

        

# [Pavilion](http://www.pavilion.io)

[![Build Status](https://travis-ci.org/getpavilion/pavilion.svg?branch=master)](https://travis-ci.org/getpavilion/pavilion)
[![npm version](https://badge.fury.io/js/pavilion.svg)](https://badge.fury.io/js/pavilion)
[![Bower version](https://badge.fury.io/bo/pavilion.svg)](https://badge.fury.io/bo/pavilion)
[![Dependencies Status](https://david-dm.org/getpavilion/pavilion.svg)](https://travis-ci.org/getpavilion/pavilion)

## A solid startingpoint without the bloat.

##### TL;DR

- Lightweight. Only 26kb minified.
- Versatile fully responsive grid system.
- Responsive, modular typography.
- Only basic elements with minimal styling.
- Tools & utilities to speed up production.
- Tried and tested core settings.
- Easy to customize.

Pavilion is a simple CSS framework for developers who tend to never use the countless pre-defined UI components other frameworks ship with. If you are looking for a a simple, lightweight and customizable CSS starting point without the bloat, Pavilion might be for you.

Pavilion includes tried and tested core settings for readability, accessibility and responsiveness. A versatile yet easy to understand fully responsive grid system to create the layouts you need — including reordering and offsets.

Typography is calculated trough a modular type calculator and common elements like forms, buttons, tables and lists have appealing yet minimal styling which makes them easy to customize. When it comes to customizing, you can tweak and configure the `variables.scss` file to make Pavilion just how you want it to be. Lastly Pavilion includes handy tools and utilities like a viewport indicator and common helper classes to speed up production. All carefully picked to avoid bloat.

Pavilion lays down the groundwork — the rest is up to you.

[Go to the docs](http://www.pavilion.io/docs)