Fork me on GitHub

Motherplate

A bare bones responsive SCSS boilerplate for web designers


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Paragraph

Subtle hint

Link text

You're good. Get better. Stop asking for things.

<script>Some code block</script>

Some <inline code> instead.


Buttons


Notifications/Alerts

There was a problem.

Successs! Something succeeded.

Watch out, here's a warning.

Here's some useful information. Text aligned center.

This is an empty state. You should probably add something to get started.


Lists

  1. Option 1
  2. Option 2
  3. Option 3

Navigation


Tables

Column 1 Column 2 Column 3
Data 1 Data 2 Data 3
Data 1 Data 2 Data 3
Data 1 Data 2 Data 3
Data 1 Data 2 Data 3

Forms

Hint/help

This field is required


Responsive Grid

.span6
.span6
.span8
.span4
Extra long piece of text to see what happens when one column is longer than the other...
.span3
.span3
.span3
.span3
.span12
.span11 .offset1
.span10 .offset2
.span9 .offset3
.span8 .offset4
.span7 .offset5
.span6 .offset6
.span5 .offset7
.span4 .offset8
.span3 .offset9
.span2 .offset10
.span1 .offset11
.span3
.span7

Images

Cat
Cat
Cat
Cat

Icons

More icons