assets/scss/_primer/layout/container.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

// Fixed-width, centered column for site content.
// Handy container styles that match our breakpoints

// 544px
.container-sm {
  max-width: $width-sm;
  margin-right: auto;
  margin-left: auto;
}

// 768px
.container-md {
  max-width: $container-md;
  margin-right: auto;
  margin-left: auto;
}

// 1004px - this matches the current fixed width: 980px + padding: px-3
.container-lg {
  max-width: $container-lg;
  margin-right: auto;
  margin-left: auto;
}

// 1280px
.container-xl {
  max-width: $container-xl;
  margin-right: auto;
  margin-left: auto;
}