Responsive

Your website will display beautifully, no matter the device or screen type.

Lightweight

The CSS is super light, so you won’t have to worry about adding to page load times.

Simple

Lite CSS is made for all skill levels, so you can jump right into your project.

LiteCSS

This project has the goal to provide a fully responsive CSS framework that is small to provide good performance and saving time by providing a good base for any website. To keep it as minimalistic as possible this framework ignores the use of JavaScript to reduce loading and rendering times through possible delays caused by scripts. It is free to use and can be accessed or changed over this GitHub repository.

Grid

Each column is contained within rows, which are contained within a container. The container is set to a maximum width of 960px, but you can edit without having to break anything. The Grid shrinks with the browser/device at smaller sizes. The max width can be changed with one line of CSS and all columns will resize accordingly. The syntax is simple and it makes coding responsive much easier. Go ahead, resize the browser.

one

eleven

two

ten

three

nine

four

eight

five

seven

six

Navigation

The navigation bar is a smart Lite's CSS feature. It can be displayed and resized on any screen device responsibly. Also it can be edited with a couple of modifications to suit any developers needs!

Header

The Header is another smart feature of Lite CSS. It is a simple, beautiful and also any type customizable header! You can display whatever you want and customize it simply. The header is also extra resposible on any screen device resolution.

Typography

Simple but really beautiful the Lite's CSS Typography is measured right to display you website/blog texts correct.

Heading #1

Heading #2

Heading #3

Heading #4

Heading #5

Heading #6

Link bold italic underlined ~~stroke~~ normal

Tables

Tables are working perfectly and displaying the content in a correct way. They are very responsible and cutomizable.

Account	Due Date	Amount	Period
Visa - 3412	04/01/2016	$1,190	03/01/2016 - 03/31/2016
Visa - 6076	03/01/2016	$2,443	02/01/2016 - 02/29/2016
Corporate AMEX	03/01/2016	$1,181	02/01/2016 - 02/29/2016

Lists

You can see an example of Lite CSS lists ordered and unordered.

Some main category
- Hello
Some other stuff

Some main category
1. Hello
Some other stuff

Forms

Forms are a huge pain, but hopefully these styles make it a bit easier. All inputs, select, and buttons are normalized for a common height cross-browser so inputs can be stacked or placed alongside each other.

Buttons

Lite CSS offers a variety of simple but also beautiful buttons. The philosophy behind the buttons are to be responsive, simple and really customizable for the needs of the user.

Header

Footer is another unique feature of Lite CSS. It is simple highly customizable and no matter what responsive! Try it out!

Positions

There are 5 types/classes of Positioning: left, right, center, justify, round for a better website!

Cards

Custom Cards can display any notification or message that you like!

Tooltips

Show any type of message by using tooltips! Cool animation too! No JS is used!