Content components

Components used inside article bodies in Bifrost: cards, buttons, wiki-shortcode visuals, related-content, category rails.

7 pages in this section

Content components are the visual building blocks that compose article bodies and related-content blocks. They include the generic card / button primitives, the styling for content shortcodes like wiki and library, and section-rail navigation.

  • Card The generic content card primitive — used for index grids, related-content tiles, and the base of more specialised card types.
  • Button The generic `.btn` primitive with size and variant modifiers — covers most non-premium buttons.
  • Wiki shortcode visuals Three SCSS files that style content rendered by the markdown shortcodes — wiki-quotes (blockquotes + `library`), wiki-cite (`cite`), wiki-shortcodes (info / definition boxes).
  • Related content The 'Read next' suggestions block that appears at the end of article and wiki bodies.
  • Cite this page The citation widget (APA / MLA / Chicago / BibTeX + permalink) rendered near the end of reference pages.
  • Category rail Horizontal scroll-snap rail of category tiles — traditions on /library/, categories on /wiki/, reading paths on /read/.
  • Content hero Shared hero-section styling for pages with featured imagery — gradient background, image overlay, responsive height collapse.

Edit this page on GitHub