1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 | @import '../scss/feature-flags';
|
9 | @import '../scss/functions';
|
10 | @import '../scss/mixins';
|
11 | @import '../scss/vendor/@carbon/elements/scss/grid/mixins';
|
12 |
|
13 | @mixin grid {
|
14 | @if feature-flag-enabled('grid-columns-16') {
|
15 | @include carbon--grid();
|
16 | } @else {
|
17 | $carbon--12-column-grid: map-merge(
|
18 | $carbon--grid-breakpoints,
|
19 | (
|
20 | lg:
|
21 | map-merge(
|
22 | map-get($carbon--grid-breakpoints, lg),
|
23 | (
|
24 | columns: 12,
|
25 | )
|
26 | ),
|
27 | xlg:
|
28 | map-merge(
|
29 | map-get($carbon--grid-breakpoints, xlg),
|
30 | (
|
31 | columns: 12,
|
32 | )
|
33 | ),
|
34 | max:
|
35 | map-merge(
|
36 | map-get($carbon--grid-breakpoints, max),
|
37 | (
|
38 | columns: 12,
|
39 | )
|
40 | ),
|
41 | )
|
42 | );
|
43 | @include carbon--grid($carbon--12-column-grid);
|
44 | }
|
45 | }
|
46 |
|
47 | @include exports('grid') {
|
48 | @include grid;
|
49 | }
|