Skip to main content

Cheat Sheet

This is a cheat sheet for WVU-branded utilities. Use this in combination with this Bootstrap 5 cheat sheet.

Typography

  • helvetica-neue
  • helvetica-neue-bold
  • helvetica-neue-light
  • iowan-old-style
  • iowan-old-style-italic
  • iowan-old-style-black-italic
  • wvu-shout

Color

    Text

  • text-wvu-gold
  • text-wvu-blue
  • text-wvu-neutral--{color}
  • text-wvu-accent--{color}

Backgrounds

  • bg-wvu-gold
  • bg-wvu-blue
  • bg-wvu-neutral--{color}
  • bg-wvu-accent--{color}

Borders

  • border-wvu-gold
  • border-wvu-blue
  • border-wvu-neutral--{color}
  • border-wvu-accent--{color}

Buttons

  • btn-wvu-gold
  • btn-wvu-blue
  • btn-wvu-neutral--{color}
  • btn-wvu-accent--{color}

Lists

Basic Unordered

  • wvu-ul-arrows
  • wvu-ul-arrows-{color}
  • wvu-ul-chevrons
  • wvu-ul-chevrons-{color}
  • wvu-ul-slashes
  • Stylized Ordered

  • wvu-ol-big-numbers
  • wvu-ol-big-numbers-{color}
  • wvu-ol-small-numbers
  • wvu-ol-small-numbers-{color}
  • Steps Indicators

  • wvu-ol-steps
  • wvu-ol-steps-{color}
  • wvu-ol-steps-small
  • wvu-ol-steps-small-{color}
  • Progress Indicators

  • wvu-ol-progress
  • wvu-ol-progress-{color}
  • wvu-ol-progress-small
  • wvu-ol-progress-small-{color}
  • wvu-ol-progress-horizontal
  • wvu-ol-progress-horizontal-{color}
  • Timelines

  • wvu-ol-timeline
  • wvu-ol-timeline-{color}

Elements

Slash

  • wvu-slash
  • wvu-slash--{color}
  • wvu-slash--transparent--light
  • wvu-slash--transparent--dark
  • wvu-slash--{position}
  • wvu-slash--skinny

Bar

  • wvu-bar
  • wvu-bar--{color}
  • wvu-bar--{position}

Grid Background

  • wvu-bg-pattern-grid
  • wvu-bg-pattern-grid-transparent
  • wvu-bg-pattern-grid-zoomed
  • wvu-bg-pattern-grid-zoomed-transparent

Slashes Background

  • wvu-bg-pattern-slashes-gold-blue
  • wvu-bg-pattern-slashes-gold-blue-white

Topo Map Background

  • wvu-bg-topo-light
  • wvu-bg-topo-dark

Background Effects

  • wvu-bg-vignetting
  • wvu-bg-vignetting--{value}
  • wvu-bg-vignetting--right
  • wvu-bg-blend-mode-luminosity--80
  • wvu-bg-blend-mode-luminosity--{value}
  • wvu-bg-blend-mode-lighten
  • wvu-bg-tint

Background Positioning

  • wvu-bg-position-{direction}
  • wvu-bg-position-{breakpoint}-{direction}
  • wvu-bg-position-{breakpoint}-{direction}--{value}
  • wvu-bg-position-spacer-top
  • wvu-bg-position-spacer-md-top
  • wvu-bg-position-spacer-bottom
  • wvu-bg-position-spacer-md-bottom