schema


A powerfully light, responsive, and lean frontend UI framework. Built with LESS.

A quick and easy-to-implement framework for awesome developers who build interfaces for the web. Schema provides an all-inclusive collection of CSS to jump start the foundation of all your projects.


12 Column Grid System

A responsive, proportional, and mobile-friendly 12-column grid system.

1
11
2
10
3
9
4
8
5
7
6
6
7
5
8
4
9
3
10
2
11
1
12

1/12 Column

1
1
1
1
1
1
1
1
1
1
1
1

2/6 Column

2
2
2
2
2
2

3/4 Column

3
3
3
3

4/3 Column

4
4
4

Typography

Headings, body copy, blockquotes, lists, and beyond.

Headings

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Headings and paragraph text examples.

There are many variations.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


There are many variations.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


There are many variations.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


There are many variations.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


There are many variations.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


There are many variations.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


Lead Paragraph

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Paragraph Left Align

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Paragraph Right Align

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Paragraph Center Text

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Paragraph Justified

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Blockquote

Lorizzle boom shackalack dolizzle rizzle amizzle, yo adipiscing uhuh ... yih!. Nullizzle sapizzle i'm in the shizzle, fo shizzle my nizzle volutpizzle, suscipizzle , things vizzle, check out this. Pellentesque doggy tortizzle. Shizznit phat. Shizzlin dizzle things dolizzle ghetto turpis tempizzle funky fresh. Maurizzle pellentesque dope et turpis. Gangsta in brizzle. Yo mamma eleifend rhoncizzle i'm in the shizzle. In hac gangsta fo dictumst. Dope dapibizzle. Curabitizzle bizzle urna, pretizzle away, dope phat, tellivizzle vitae, nunc. Sizzle suscipizzle. Integer shizznit velit ass nizzle.
— Snoop Dogg Lion

Two Columns

Lorizzle boom shackalack dolizzle rizzle amizzle, yo adipiscing uhuh ... yih!. Nullizzle sapizzle i'm in the shizzle, fo shizzle my nizzle volutpizzle, suscipizzle , things vizzle, check out this. Pellentesque doggy tortizzle. Shizznit phat. Shizzlin dizzle things dolizzle ghetto turpis tempizzle funky fresh. Maurizzle pellentesque dope et turpis.

Lorizzle boom shackalack dolizzle rizzle amizzle, yo adipiscing uhuh ... yih!. Nullizzle sapizzle i'm in the shizzle, fo shizzle my nizzle volutpizzle, suscipizzle , things vizzle, check out this. Pellentesque doggy tortizzle. Shizznit phat. Shizzlin dizzle things dolizzle ghetto turpis tempizzle funky fresh. Maurizzle pellentesque dope et turpis.

Three Columns

Lorizzle boom shackalack dolizzle rizzle amizzle, yo adipiscing uhuh ... yih!. Nullizzle sapizzle i'm in the shizzle, fo shizzle my nizzle volutpizzle, suscipizzle , things vizzle, check out this. Pellentesque doggy tortizzle. Shizznit phat. Shizzlin dizzle things dolizzle ghetto turpis tempizzle funky fresh. Maurizzle pellentesque dope et turpis.

Lorizzle boom shackalack dolizzle rizzle amizzle, yo adipiscing uhuh ... yih!. Nullizzle sapizzle i'm in the shizzle, fo shizzle my nizzle volutpizzle, suscipizzle , things vizzle, check out this. Pellentesque doggy tortizzle. Shizznit phat. Shizzlin dizzle things dolizzle ghetto turpis tempizzle funky fresh. Maurizzle pellentesque dope et turpis.

Lorizzle boom shackalack dolizzle rizzle amizzle, yo adipiscing uhuh ... yih!. Nullizzle sapizzle i'm in the shizzle, fo shizzle my nizzle volutpizzle, suscipizzle , things vizzle, check out this. Pellentesque doggy tortizzle. Shizznit phat. Shizzlin dizzle things dolizzle ghetto turpis tempizzle funky fresh. Maurizzle pellentesque dope et turpis.

Four Columns

Lorizzle boom shackalack dolizzle rizzle amizzle, yo adipiscing uhuh ... yih!. Nullizzle sapizzle i'm in the shizzle, fo shizzle my nizzle volutpizzle, suscipizzle , things vizzle, check out this. Pellentesque doggy tortizzle. Shizznit phat. Shizzlin dizzle things dolizzle ghetto turpis tempizzle funky fresh. Maurizzle pellentesque dope et turpis.

Lorizzle boom shackalack dolizzle rizzle amizzle, yo adipiscing uhuh ... yih!. Nullizzle sapizzle i'm in the shizzle, fo shizzle my nizzle volutpizzle, suscipizzle , things vizzle, check out this. Pellentesque doggy tortizzle. Shizznit phat. Shizzlin dizzle things dolizzle ghetto turpis tempizzle funky fresh. Maurizzle pellentesque dope et turpis.

Lorizzle boom shackalack dolizzle rizzle amizzle, yo adipiscing uhuh ... yih!. Nullizzle sapizzle i'm in the shizzle, fo shizzle my nizzle volutpizzle, suscipizzle , things vizzle, check out this. Pellentesque doggy tortizzle. Shizznit phat. Shizzlin dizzle things dolizzle ghetto turpis tempizzle funky fresh. Maurizzle pellentesque dope et turpis.

Lorizzle boom shackalack dolizzle rizzle amizzle, yo adipiscing uhuh ... yih!. Nullizzle sapizzle i'm in the shizzle, fo shizzle my nizzle volutpizzle, suscipizzle , things vizzle, check out this. Pellentesque doggy tortizzle. Shizznit phat. Shizzlin dizzle things dolizzle ghetto turpis tempizzle funky fresh. Maurizzle pellentesque dope et turpis.

Buttons

Big buttons, normal buttons, and small buttons. Choose your own colors for each specific function.

Regular Size Buttons

Itty Bitty Buttons. Add the class “btn-small”.

Extra Large Buttons. Add the class “btn-xl”.

Full Width Buttons. Add the class “btn-full”.


Form Fields

Input fields, email fields, and more.