OktoStrap

OktoStrap

Core

Colors

Cores utilizadas no sistema.

  • #fff; White

    $color-white
  • #F1F2F4; Gray lighter

    $color-gray-lighter
  • #B8B4C0; Gray light

    $color-gray-light
  • #6e6e6e; Gray

    $color-gray
  • #000; Black

    $color-black
  • #75AADC; Blue light

    $color-blue-light
  • #4A74B3; Blue

    $color-blue
  • #172B4D; Blue dark

    $color-blue-dark
  • #36B37E; Green

    $color-green
  • #BF2600; Red

    $color-red
  • #FFC107; Yellow

    $color-yellow

Roboto

Roboto Italic

Roboto Bold

Roboto Bold Italic

Roboto Light

Roboto Light Italic


Material Icons

favorite add menu delete mode_edit face
<h1>Roboto</h1>
<h1 class="font-weight-italic">Roboto Italic</h1>
<h1 class="font-weight-bold">Roboto Bold</h1>
<h1 class="font-weight-bold font-italic">Roboto Bold Italic</h1>
<h1 class="font-weight-light">Roboto Light</h1>
<h1 class="font-weight-light font-italic">Roboto Light Italic</h1>

<hr>

<h1>Material Icons</h1>
<i class="material-icons">favorite</i>
<i class="material-icons">add</i>
<i class="material-icons">menu</i>
<i class="material-icons">delete</i>
<i class="material-icons">mode_edit</i>
<i class="material-icons">face</i>

Headings

Heading medium

Heading small

Heading x-small

Paragraphy

Small
<h1>Headings</h1>
<h2>Heading medium</h2>
<h3>Heading small</h3>
<h4>Heading x-small</h4>
<p>Paragraphy</p>
<label>Label</label>
<small>Small</small>