Container tests

Documentation  /  Source code
All associated settings ready for testing: test/src/assets/scss/_settings.scss → Container (Local)

.l-container

A percentage width until its max-width or min-width is reached, center aligned by default
  • Canvas
  • Test subject

.l-container--small

A narrower version
  • Canvas
  • Test subject

.l-container--x-small

The narrowest version
  • Canvas
  • Test subject

.l-container--large

A wider version
  • Canvas
  • Test subject

.l-container--x-large

The widest version
  • Canvas
  • Test subject

.l-container--full-width

Full width
  • Canvas
  • Test subject

.l-container--flex

Flex container (display: flex;)
  • Canvas
  • Test subject