City of Tampa Style Guide

Colors 1

  • #006aaf

    $primary
    Primary color

  • #8dc63f

    $secondary
    Secondary color

  • #8dc63f

    $highlight
    Highlights/Emphasis

  • #1d1d1d

    $black

  • #292929

    $dark

Backgrounds 1.1

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Classes that will apply background colors.

<insert-markup>colors.background-</insert-markup>
Background Primary strong link
Background Primary with texture strong link
Background Secondary strong link
Background Dark strong link
Background Dark Grey strong link
Background Dark Grey strong link
Background Secondary with Wave texture strong link
Source: src/scss/base/_base.scss, line 99

TextColor 1.2

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Boostrap classes to adding color to text.

<insert-markup>colors.textcolor-</insert-markup>
.text-primary
.text-secondary (Only to be used on dark background for ada contrast)
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-muted
.text-white
Source: src/scss/base/_base.scss, line 78