1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 | @import 'vars';
|
9 | @import 'css--reset';
|
10 | @import 'typography';
|
11 | @import './vendor/@carbon/elements/scss/import-once/import-once';
|
12 |
|
13 |
|
14 |
|
15 | @mixin css-helpers {
|
16 | .#{$prefix}--assistive-text,
|
17 | .#{$prefix}--visually-hidden {
|
18 | position: absolute;
|
19 | width: 1px;
|
20 | height: 1px;
|
21 | padding: 0;
|
22 | margin: -1px;
|
23 | overflow: hidden;
|
24 | clip: rect(0, 0, 0, 0);
|
25 | border: 0;
|
26 | visibility: visible;
|
27 | white-space: nowrap;
|
28 | }
|
29 |
|
30 | .#{$prefix}--body {
|
31 | @include reset;
|
32 | @if not feature-flag-enabled('components-x') {
|
33 | @include font-family;
|
34 | } @else {
|
35 | @include type-style('body-short-01');
|
36 | }
|
37 | color: $text-01;
|
38 | background-color: $ui-02;
|
39 | line-height: 1;
|
40 | }
|
41 | }
|
42 |
|
43 | @include exports('css--helpers') {
|
44 | @if global-variable-exists('css--helpers') == false or $css--helpers == true {
|
45 | @include css-helpers;
|
46 | }
|
47 | }
|