Schema

The Frame

This is the base settings of Schema. Look for the frame.less file. You'll find styling for the body, ul,ol, a, etc.

Variables

The body of Schema lives inside the variables.less file. If you're looking to get under the hood to change what is provided then this is where you will do it at.

Helper Classes

You'll find helper classes in the helpers.less file. Classes like .right-float will float an element to the right.

Links

Links have no style/decoration until the :hover state.

EXAMPLE

This is a link

<a href="#">This is a link</a>

Horizontal Rule

Horizontal Rules are simple. We have a mixin for that. Want to change the color or size? Find the HR builder in the mixins.less file.

EXAMPLE

<hr />

Lists

Create an unordered list with the ul element, or an ordered list with the ol element.

EXAMPLE

  • List Item 1
  • List Item 2
    • Sub List Item 1
    • Sub List Item 2
    • Sub List Item 3
  • List Item 3
  1. List Item
  2. List Item
    • Sub List Item
    • Sub List Item
    • Sub List Item
  3. List Item
<ul>
  <li></li>
  <li>
    <ul>
      <li>…</li>
      <li>…</li>
    </ul>
  </li>
  <li></li>
</ul>