10.4.1

Base

  • Home
  • Getting Started
  • Colors
  • Fonts
  • Sizes
  • Variables
  • Functions and Mixins
  • Icons and Logos

Typography

  • Byline
  • Copy
  • Headline
  • Kicker
  • Links
  • Sectionhead
  • Text align
  • Text case
  • Text font variant
  • Text letter-spacing
  • Text line-height
  • Text size
  • Text weight
  • Text wrap
  • Widgethead

Components

  • Ad fluid
  • Back to top
  • Blast header
  • Block feed
  • Block grid
  • Button
  • Caption
  • Checkbox
  • CTA block
  • Event block
  • Full-page loader
  • Icon
  • Info drop
  • Info list
  • Link button
  • List
  • Loading
  • Mini form
  • Navbar
  • Pagination
  • Podcast block
  • Reporters list
  • Series promo
  • Share
  • Site footer
  • Sponsor block
  • Story block
  • Story block variation 1
  • Story block variation 2
  • Story block variation 3
  • Story body
  • Table
  • Tabs
  • Tag
  • Text input
  • Topic bar
  • Widget
  • Widget Block

Layout

  • Align
  • Align items
  • Column grid
  • Container
  • Content Grid
  • Display
  • Flex
  • Height
  • Justify content
  • Multi column
  • Position
  • Width

Utilities

  • Background Color
  • Border
  • Border Radius
  • Box shadow
  • Hidden
  • Margin
  • Notch
  • Overflow
  • Padding
  • Political party colors
  • Screen Reader Only
  • Text color
  • Text color:hover
  • Vertical Bar

Base

  • Home
  • Getting Started
  • Colors
  • Fonts
  • Sizes
  • Variables
  • Functions and Mixins
  • Icons and Logos

Typography

  • Byline
  • Copy
  • Headline
  • Kicker
  • Links
  • Sectionhead
  • Text align
  • Text case
  • Text font variant
  • Text letter-spacing
  • Text line-height
  • Text size
  • Text weight
  • Text wrap
  • Widgethead

Components

  • Ad fluid
  • Back to top
  • Blast header
  • Block feed
  • Block grid
  • Button
  • Caption
  • Checkbox
  • CTA block
  • Event block
  • Full-page loader
  • Icon
  • Info drop
  • Info list
  • Link button
  • List
  • Loading
  • Mini form
  • Navbar
  • Pagination
  • Podcast block
  • Reporters list
  • Series promo
  • Share
  • Site footer
  • Sponsor block
  • Story block
  • Story block variation 1
  • Story block variation 2
  • Story block variation 3
  • Story body
  • Table
  • Tabs
  • Tag
  • Text input
  • Topic bar
  • Widget
  • Widget Block

Layout

  • Align
  • Align items
  • Column grid
  • Container
  • Content Grid
  • Display
  • Flex
  • Height
  • Justify content
  • Multi column
  • Position
  • Width

Utilities

  • Background Color
  • Border
  • Border Radius
  • Box shadow
  • Hidden
  • Margin
  • Notch
  • Overflow
  • Padding
  • Political party colors
  • Screen Reader Only
  • Text color
  • Text color:hover
  • Vertical Bar
  • Home
  • Layout
  • .l-multicol

Multi column

  View in Github

Add 2 columns on larger viewports. In the future, this could be extended to support other column counts.

.l-multicol
<ul class="l-multicol "><li>Blue cheese</li><li>Feta</li><li>Swiss</li><li>Colby Jack</li><li>Pepper Jack</li><li>Cheddar</li></ul>
RepoCountLocation(s)
texastribune 3
List
  • _multicol.scss
  • wall.html
  • index.html