Component styleguide

Bootstrap additions

Bootstrap custom components

Custom components

Colors

#

Grays

  • $black
    #000
  • $gray-dark
    #31322D
  • $gray
    #656461
  • $gray-light
    #AAA
  • $gray-lighter
    #F7F6F5
  • $white
    #FFF

Cool colors

  • $aqua
    #7fdbff
  • $blue
    #0074d9
  • $navy
    #001f3f
  • $teal
    #39cccc
  • $green
    #2ecc40
  • $olive
    #3d9970

Warm colors

  • $yellow
    #ffdc00
  • $orange
    #ff851b
  • $red
    #ff4136
  • $deep-red
    #e01212
  • $fuchsia
    #f012be
  • $purple
    #b10dc9
  • $maroon
    #85144b

Icons

#
.glyphicon.glyphicon-add
.glyphicon.glyphicon-arrow-down
.glyphicon.glyphicon-arrow-left
.glyphicon.glyphicon-arrow-right
.glyphicon.glyphicon-bold
.glyphicon.glyphicon-check
.glyphicon.glyphicon-close
.glyphicon.glyphicon-cloud-download
.glyphicon.glyphicon-collapsed
.glyphicon.glyphicon-duplicate
.glyphicon.glyphicon-edit
.glyphicon.glyphicon-expanded
.glyphicon.glyphicon-help
.glyphicon.glyphicon-italic
.glyphicon.glyphicon-link
.glyphicon.glyphicon-logout
.glyphicon.glyphicon-notifications
.glyphicon.glyphicon-search
.glyphicon.glyphicon-time
.glyphicon.glyphicon-trash
.glyphicon.glyphicon-upload

Prototype navigation

Press Ctrl + M to toggle this navigation.