Buttons | Web Showcase

Instructions

Use s-btn in a div wrapper around a link as the button base along with any color change below.

bg-btn-gt-black

bg-btn-buzz-gold

bg-btn-msa-grey

bg-btn-gt-warm-grey

bg-btn-gt-drk-gold

bg-btn-gt-horizon

bg-btn-gt-warm-grey-light

bg-btn-gt-tech-gold

bg-btn-gt-navy-blue

bg-btn-gt-tech-medium-gold

bg-btn-gt-tech-dark-gold

bg-btn-gt-gray-matter

bg-btn-gt-pi-mile

bg-btn-gt-diploma

bg-btn-gt-buzz-gold

bg-btn-gt-impact-purple

bg-btn-gt-electric-blue

bg-btn-gt-rat-cap

bg-btn-gt-bold-blue

bg-btn-gt-canopy-lime

bg-btn-gt-new-horizon

bg-btn-gt-olympic-teal

bg-btn-gt-bright-purple

bg-btn-gt-bright-electric

bg-btn-gt-bright-buzz

bg-btn-gt-bright-blue

bg-btn-gt-bright-canopy

bg-btn-gt-bright-horizon

bg-btn-gt-dark-gray

bg-btn-gt-success

Button Text Colors

text-btn-gt-black

text-btn-buzz-gold

text-btn-gt-navy

text-btn-msa-grey

text-btn-gt-warm-grey

text-btn-gt-drk-gold

text-btn-gt-gold

text-btn-gt-horizon

text-btn-gt-warm-grey-light

text-btn-bronze

text-btn-silver

text-btn-gt-tech-gold

text-btn-gt-navy-blue

text-btn-gt-tech-medium-gold

text-btn-gt-tech-dark-gold

text-btn-gt-gray-matter

text-btn-gt-pi-mile

text-btn-gt-diploma

text-btn-gt-buzz-gold

text-btn-gt-impact-purple

text-btn-gt-electric-blue

text-btn-gt-rat-cap

text-btn-gt-bold-blue

text-btn-gt-canopy-lime

text-btn-gt-new-horizon

text-btn-gt-olympic-teal

text-btn-gt-bright-purple

text-btn-gt-bright-electric

text-btn-gt-bright-buzz

text-btn-gt-bright-blue

text-btn-gt-bright-canopy

text-btn-gt-bright-horizon

text-btn-gt-dark-gray

text-btn-gt-success

Button Effects

OUTLINE

s-btn s-btn-outline

Make sure this is the last class

PILL

s-btn s-btn-pill

SIZES

s-btn s-btn-sm

s-btn s-btn-lg

Big Large Buttons

.large-centered-buttons on the Block level

GT Custom links Block, horizontal

Custom Links

Image w Copy Buttons

.block-btn-left - Aligns built-in button flush left, when using custom styling.

.block-btn-center - Aligns built-in button center, when using custom styling.