1 |
|
2 | @mixin nav-border-fix-rtl($border-width) {
|
3 | &.#{$css-prefix}ver {
|
4 | &.#{$css-prefix}left #{$nav-prefix}-item:before {
|
5 | right: 0;
|
6 | right: calc(0px - #{$border-width});
|
7 | left: auto;
|
8 | }
|
9 |
|
10 | &.#{$css-prefix}right #{$nav-prefix}-item:before {
|
11 | left: 0;
|
12 | left: calc(0px - #{$border-width});
|
13 | right: auto;
|
14 | }
|
15 | }
|
16 | }
|
17 |
|
18 |
|
19 | #{$nav-prefix}[dir="rtl"] {
|
20 | #{$nav-prefix}-icon.#{$css-prefix}icon {
|
21 | @include icon-size(
|
22 | $size: $nav-icon-self-size,
|
23 | $marginRight: 0,
|
24 | $marginLeft: $nav-icon-self-margin
|
25 |
|
26 | );
|
27 | }
|
28 |
|
29 | &.#{$css-prefix}hoz {
|
30 |
|
31 | #{$menu-prefix}-header {
|
32 | float: right;
|
33 | }
|
34 |
|
35 | #{$menu-prefix}-footer {
|
36 | float: left;
|
37 | }
|
38 |
|
39 | #{$nav-prefix}-item:before {
|
40 | width: 0;
|
41 | left: 50%;
|
42 | }
|
43 |
|
44 |
|
45 | .#{$css-prefix}selected#{$nav-prefix}-item:before {
|
46 | width: 100%;
|
47 | left: auto;
|
48 | right: 0;
|
49 | }
|
50 | }
|
51 |
|
52 | @include nav-border-fix-rtl(
|
53 | $popup-local-border-width
|
54 | );
|
55 |
|
56 |
|
57 | &.#{$css-prefix}primary {
|
58 | @include nav-border-fix-rtl(
|
59 | $nav-primary-border-width
|
60 | );
|
61 | }
|
62 |
|
63 | &.#{$css-prefix}secondary {
|
64 | @include nav-border-fix-rtl(
|
65 | $nav-secondary-border-width
|
66 | );
|
67 | }
|
68 |
|
69 | #{$nav-prefix}.#{$css-prefix}line {
|
70 | &.#{$css-prefix}ver {
|
71 | border-top-color: $nav-line-bg-color;
|
72 | border-right-color: $nav-line-bg-color;
|
73 | border-left-color: transparent;
|
74 | border-bottom-color: $nav-line-bg-color;
|
75 | }
|
76 | }
|
77 |
|
78 | &.#{$css-prefix}icon-only {
|
79 |
|
80 | #{$nav-prefix}-icon.#{$css-prefix}icon,
|
81 | #{$nav-prefix}-icon-only-arrow.#{$css-prefix}icon,
|
82 | #{$nav-prefix}-item.#{$css-prefix}opened #{$nav-prefix}-icon-only-arrow.#{$css-prefix}icon-arrow-down {
|
83 | @include icon-size(
|
84 | $size: $nav-icon-only-font-size,
|
85 | $marginLeft: 0,
|
86 | $marginRight: calc((18px - #{$nav-icon-only-font-size}) / 2)
|
87 | );
|
88 | }
|
89 | }
|
90 | }
|