33 lines
799 B
SCSS
33 lines
799 B
SCSS
|
@import './skin';
|
||
|
|
@import './layout';
|
||
|
|
|
||
|
|
%with-pseudo-tooltip,
|
||
|
|
%with-tooltip {
|
||
|
|
@extend %tooltip;
|
||
|
|
}
|
||
|
|
%with-pseudo-tooltip::before,
|
||
|
|
%with-tooltip [role='tooltip'] {
|
||
|
|
@extend %tooltip-bubble;
|
||
|
|
}
|
||
|
|
%with-pseudo-tooltip::after,
|
||
|
|
%with-tooltip [role='tooltip']::after {
|
||
|
|
@extend %tooltip-tail;
|
||
|
|
}
|
||
|
|
|
||
|
|
%with-pseudo-tooltip::after,
|
||
|
|
%with-pseudo-tooltip::before,
|
||
|
|
%with-tooltip [role='tooltip']::after,
|
||
|
|
%with-tooltip [role='tooltip'] {
|
||
|
|
@extend %blink-in-fade-out;
|
||
|
|
}
|
||
|
|
%with-pseudo-tooltip:hover::after,
|
||
|
|
%with-pseudo-tooltip:hover::before,
|
||
|
|
%with-pseudo-tooltip:focus::after,
|
||
|
|
%with-pseudo-tooltip:focus::before,
|
||
|
|
%with-tooltip:hover [role='tooltip']::after,
|
||
|
|
%with-tooltip:hover [role='tooltip'],
|
||
|
|
%with-tooltip:focus [role='tooltip']::after,
|
||
|
|
%with-tooltip:focus [role='tooltip'] {
|
||
|
|
@extend %blink-in-fade-out-active;
|
||
|
|
}
|