Star Tribune Styles

Welcome to the Star Tribune Styles, a set of CSS/SASS styling, markup, and philosophy used on special and embedded projects for the Star Tribune newsroom.

About the project

• Getting started
• Browser support
• Accessibility
• Best practices and writing code

The styles

Content

• Typography
• Figures and images
• Video
• Tables
• Code
• Datelines
• Colors
• Icons

Layout

• Containers
• Breakpoints
• Grid

Components

• Hero
• Navigation
• Bylines and credits
• Teases
• Footers
• Alerts
• Asides
• Buttons
• Forms
• Galleries
• Social and sharing
• Maps

Utilities

• Screen readers
• Debug and diagnostics

Examples

• Wrapper class
• Full page single column
• Full page aside column