Baseguide

A lightweight and robust CSS framework for prototyping and production code.

Compatible

Tested in a wide range of browsers.

Customizable

Use Sass to make it your own.

Scalable

Everything is relative.

Typography

Link Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Link Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Link Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Link Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

List Types

Unstyled List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

Unordered List

  • Item 1
  • Item 2
  • Item 3
    • Subitem 1
    • Subitem 2

Ordered List

  1. Item
  2. Item
  3. Item
    • Subitem 1
    • Subitem 2

Inline List

Equal List

Forms

Buttons

Anchor button

Embeds and Media

...

Media top

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

...

Media middle

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

...

Media bottom

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Tables

# Header 1 Header 2 Header 3
1 Division 1 Division 2 Division 3
2 Division 1 Division 2 Division 3
3 Division 1 Division 2 Division 3

Grid

.col-sm-8
.col-sm-4
.col-sm-4
.col-sm-8
.col-sm-6
.col-sm-6
.col-sm-4
.col-sm-4
.col-sm-4
.col-sm-3
.col-sm-3
.col-sm-3
.col-sm-3