getpavilion / pavilion Goto Github PK

View Code? Open in Web Editor NEW

253.0 6.0 12.0 542 KB

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

Home Page: http://www.pavilion.io/

License: MIT License

HTML 0.71% JavaScript 2.45% CSS 96.84%

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

pavilion's Introduction

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

pavilion's People

Stargazers

Watchers

Forkers

pandahisham witul umarmughal karimabdul kublaj thattimc jerry-goodboy ykingslayer githubstatus wjnbreu ksmore

pavilion's Issues

Test issue

test

Website not working

Hey, I love pavilion but I just realized the website went missing along with the docs. I hope you can find a way to get it back.

Best,
André

Suggestion: An Autocomplete Library for Atom

Just discovered Pavilion. Hope to use it in an upcoming project. Would be great to have an autocomplete helper package for Atom / Sublime for assistance with syntax discovery and memorization:

http://blog.atom.io/2015/05/15/new-autocomplete.html

Thanks!

Dropcap errors with special characters

I am using the .dropcap class on a <p> tag that starts with the text "I'm a". The issue is that the ' character is also bolded and enlarged along with the I. Is is possible to set the number of characters that get added to the dropcap? I would like to either have the whole word or just the first letter. Many thanks.

Multiple select has unnecessary scrollbar - x in edge

Margin Utility Class

Most elements come configured with left to right margin scheme. It would be very useful when configuring right to left elements to have some utility class to change the margin side.

I'm using with the following class with the first float-right, but not sure if there is a better way.

.no-margin-right {
margin-right: 0;
}

Typo

In your flexbox columns, you have a column labeled .col-*-25 when it actually should be col-*-33

Great framework btw, love it!

input[type="file"] weird styling in edge

Still has box shadow and weird width.

Flexbox will be phased out

After a period of 1,5 years of using flexbox classes, it was apparand that the classes always required further customization and that the classes did not offer enough flexibility. Thus the whole idea of standardizing the flexible layout module with classes does no longer hold water in the case of Pavilion.

My plan is to remove the flexbox module from Pavilion and from the Pavilion docs. The CSS will remain online but in seperate Gists and documentation.

Any suggestions or recommendations?

Documentation code error

The SCSS reference has un closed code tags