|
53 | 53 | /// DIRECTIONS |
54 | 54 | /// |
55 | 55 | @if features('components', 'tooltip', 'directions') { |
56 | | - &.#{class('tooltip', 'left')}, |
57 | | - &.#{class('tooltip', 'right')}, |
58 | | - &.#{class('tooltip', 'top')} { |
59 | | - &>.#{class('tooltip', 'text')} { |
60 | | - top: auto; |
61 | | - &::after { |
62 | | - bottom: auto; |
63 | | - } |
64 | | - } |
65 | | - } |
66 | | - &.#{class('tooltip', 'right')} { |
67 | | - &>.#{class('tooltip', 'text')} { |
68 | | - left: 110%; |
69 | | - &::after { |
| 56 | + &.#{class('tooltip', 'left')}, |
| 57 | + &.#{class('tooltip', 'right')}, |
| 58 | + &.#{class('tooltip', 'top')} { |
| 59 | + &>.#{class('tooltip', 'text')} { |
| 60 | + top: auto; |
| 61 | + &::after { |
| 62 | + bottom: auto; |
| 63 | + } |
| 64 | + } |
| 65 | + } |
| 66 | + &.#{class('tooltip', 'right')} { |
| 67 | + &>.#{class('tooltip', 'text')} { |
| 68 | + left: 110%; |
| 69 | + &::after { |
70 | 70 | right : 100%; |
71 | 71 | left : auto; |
72 | 72 | border-color: transparent components('tooltip', 'background-color') transparent transparent; |
73 | | - } |
74 | | - } |
75 | | - } |
76 | | - &.#{class('tooltip', 'left')} { |
77 | | - &>.#{class('tooltip', 'text')} { |
78 | | - right: 110%; |
79 | | - &::after { |
| 73 | + } |
| 74 | + } |
| 75 | + } |
| 76 | + &.#{class('tooltip', 'left')} { |
| 77 | + &>.#{class('tooltip', 'text')} { |
| 78 | + right: 110%; |
| 79 | + &::after { |
80 | 80 | left : 100%; |
81 | 81 | right : auto; |
82 | 82 | margin : auto -5px auto auto ; |
83 | 83 | border-color: transparent transparent transparent components('tooltip', 'background-color'); |
84 | | - } |
85 | | - } |
86 | | - } |
87 | | - &.#{class('tooltip', 'top')} { |
88 | | - &>.#{class('tooltip', 'text')} { |
89 | | - bottom: 120%; |
90 | | - &::after { |
| 84 | + } |
| 85 | + } |
| 86 | + } |
| 87 | + &.#{class('tooltip', 'top')} { |
| 88 | + &>.#{class('tooltip', 'text')} { |
| 89 | + bottom: 120%; |
| 90 | + &::after { |
91 | 91 | top : 100%; |
92 | 92 | border-color: components('tooltip', 'background-color') transparent transparent transparent; |
93 | | - } |
94 | | - } |
95 | | - } |
96 | | - } |
| 93 | + } |
| 94 | + } |
| 95 | + } |
| 96 | + } |
97 | 97 | &:hover .#{class('tooltip', 'text')} { |
98 | 98 | visibility: visible; |
99 | 99 | opacity : 1; |
|
0 commit comments