1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 | @mixin list {
|
9 | display: flex;
|
10 | flex-direction: column;
|
11 | margin-top: 0;
|
12 | }
|
13 |
|
14 | @mixin link-style {
|
15 | &:hover {
|
16 | .#{$prefix}--left-nav__main-nav[data-left-nav-list='apps'] & {
|
17 | color: $nav-06;
|
18 |
|
19 | .#{$prefix}--left-nav-list__item-link--taxonomy-icon {
|
20 | fill: $nav-06;
|
21 | }
|
22 | }
|
23 |
|
24 | .#{$prefix}--left-nav__main-nav[data-left-nav-list='Services'] & {
|
25 | color: $nav-04;
|
26 |
|
27 | .#{$prefix}--left-nav-list__item-link--taxonomy-icon {
|
28 | fill: $nav-04;
|
29 | }
|
30 | }
|
31 |
|
32 | .#{$prefix}--left-nav__main-nav[data-left-nav-list='Infrastructure'] & {
|
33 | color: $nav-08;
|
34 |
|
35 | .#{$prefix}--left-nav-list__item-link--taxonomy-icon {
|
36 | fill: $nav-08;
|
37 | }
|
38 | }
|
39 | }
|
40 | }
|