Atomic Bulldog - UI/pattern library

6.5 - Container Sizes

Source: variables/_container-sizes.scss, line 42

Open in new window

Container sizes are in the map $container-sizes


  • sm
  • md
  • lg
  • xl

Container Sizes can be called in the sass project using the function:

container($container-size, $true-val:false).

Function examples to call the map:

  • container(md); => var(--container-size-sm); If $use-css-var = true
  • container(md); => 720px; If $use-css-var = false
  • container(md, true) => 720px;