Snippet Categories

Snippets are organized into categories to make it easier to sort through the options to select the type of styling for functionality needed.

[Fierce] Admin

Only admins have access to these snippets. Either the snippets are still in development and testing or the snippet requires specialized configuration that a member of the Web Support Team will need to assist with.

  • [Fierce] 2 Column Grid - Dark Background
  • [Fierce] 2 Column Grid - Dark Background (Wide 1st Column) 
  • [Fierce] Alert 
  • [Fierce] Button - White (appear to be same as btn-yellow)
  • [Fierce] Card - Dark Purple
  • [Fierce] Hero Cards (nested)
  • [Fierce] Hero Nav (Nested) 
  • [Fierce] Intro Disclosure
  • [Fierce] Intro Section
  • [Fierce] Majors & Minors - Container
  • [Fierce] Majors & Minors - Filters
  • [Fierce] Majors & Minors - Links
  • [Fierce] Text Carousel (Nested Item)
  • [Fierce] Two Column Photo Feature Item (Nested) 
  • [Fierce] White Meganav
  • [Fierce] White Nav Photos

[Fierce] Buttons

  • [Fierce] Button - Gold
  • [Fierce] Button - Gold - Full Width
  • [Fierce] Button - Light
  • [Fierce] Button - Purple
  • [Fierce] Button - Purple - Full Width

[Fierce] Grids

  • [Fierce] 1 Column (with side margins)
  • [Fierce] 2 Columns (1st narrow, 2nd wide)
  • [Fierce] 2 Columns (1st wide, 2nd narrow)
  • [Fierce] 2 Columns (Default)
  • [Fierce] 2 Columns (SM Breakpoint)
  • [Fierce] 3 Columns (Default)
  • [Fierce] 3 Columns (SM Breakpoint)
  • [Fierce] 4 Columns (Default)
  • [Fierce] 4 Columns (SM Breakpoint)

[Fierce] Hero

  • [Fierce] Hero (Default)
    • Uses: Media Center Hero Heading (Nested), Hero Purple Overlay (Nested), Hero Cards, Hero Nav 
  • [Fierce] Hero (Image with Text Only)
  • [Fierce] Hero Purple Overlay (Nested)
    • Used in: Hero (Default)
  • [Fierce] Hero Video (Feature)
  • [Fierce] Hero Video-Image
  • [Fierce] Media Center Hero Heading (Nested)
    • Used in: Hero (Default)

[Fierce] Link Section

  • [Fierce] Button Section
  • [Fierce] Copy with Buttons (A)
  • [Fierce] Copy with Buttons (B)
  • [Fierce] Dark 3 Column Section
  • [Fierce] Purple Routing Section
    • Uses: Purple Routing Item (Nested)
  • [Fierce] Single Call to Action
  • [Fierce] Stylized List Section

[Fierce] Multi Purpose & Nested

  • [Fierce] Background Color
  • [Fierce] Button - with image (Nested)
  • [Fierce] Footer Social List
  • [Fierce] Intro Stats - Item (Nested)
    • Used in: Intro Stats - Container
  • [Fierce] Large Stats Section Item (Nested)
    • Used in: Large Stats Section - Container
  • [Fierce] Photo Sidebar Section - Carousel Item (Nested)
  • [Fierce] Purple Overlay (Nested) - disclosure icon, displays overlay text when clicked
    • Used in: Photo Grid, Two Column Photo Feature
  • [Fierce] Small Text Carousel - Item (Nested)
    • Used in: Small Text Carousel - Container
  • [Fierce] Watch Video (Nested) - contains a video link and places a "Play Video" icon on over a placeholder image; video plays in a pop-up window

    • Used in: Photo Sidebar Section - Container, Two Column Photo Feature

[Fierce] Photos

  • [Fierce] Card Section
  • [Fierce] Feature Photo Section
  • [Fierce] Photo Grid
    • [Fierce] Purple Overlay (Nested) (disclosure icon, displays overlay text when clicked)
  • [Fierce] Photo with Caption
  • [Fierce] Two Column Photo Feature
    • [Fierce] Two Column Photo Feature Item (Nested) 
      • [Fierce] Purple Overlay (Nested) - disclosure icon, displays overlay text when clicked
      • [Fierce] Watch Video (Nested) - contains a video link and places a "Play Video" icon on over a placeholder image; video plays in a pop-up window
  • [Fierce] Photo Sidebar Section - Container
    • [Fierce] Watch Video (Nested) - contains a video link and places a "Play Video" icon on over a placeholder image; video plays in a pop-up window 
    • [Fierce] Photo Sidebar Section - Carousel Item (Nested)

[Fierce] Quotation

  • [Fierce] Blockquote
  • [Fierce] Blockquote with Credit
  • [Fierce] Quotation in Three Column Container
  • [Fierce] Quote Section
    • [Fierce] Quotation in Three Column Item (Nested)
      • [Fierce] Blockquote with Credit (Nested)

[Fierce] Special Layouts

  • [Fierce] Accordion
  • [Fierce] Accordion Section
  • [Fierce] Intro Stats 
  • [Fierce] Intro Stats - Container
  • [Fierce] Large Stats Section - Container
  • [Fierce] Small Text Carousel - Container
  • [Fierce] Tabs
  • [Fierce] Text Carousel - Container

[Fierce] Tables

  • [Fierce] Table Condensed
  • [Fierce] Table Hover
  • [Fierce] Table Striped