1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 | @import '../../globals/scss/functions';
|
9 | @import '../../globals/scss/vars';
|
10 | @import 'functions';
|
11 |
|
12 | @mixin carbon-content {
|
13 | .#{$prefix}--content {
|
14 | transform: translate3d(0, 0, 0);
|
15 | will-change: margin-left;
|
16 | }
|
17 |
|
18 | .#{$prefix}--header ~ .#{$prefix}--content {
|
19 | margin-top: mini-units(6);
|
20 | }
|
21 |
|
22 | .#{$prefix}--side-nav ~ .#{$prefix}--content {
|
23 | margin-left: mini-units(6);
|
24 | }
|
25 |
|
26 | .#{$prefix}--side-nav.#{$prefix}--side-nav--expanded ~ .#{$prefix}--content {
|
27 | margin-left: mini-units(32);
|
28 | }
|
29 | }
|
30 |
|
31 | @include exports('carbon-content') {
|
32 | @if feature-flag-enabled('ui-shell') {
|
33 | @include carbon-content;
|
34 | }
|
35 | }
|