lbry-desktop/ui/scss/component/_tooltip.scss

34 lines
744 B
SCSS
Raw Normal View History

@import "../mixin/link.scss";
2017-01-21 22:31:41 +01:00
.tooltip {
2017-01-21 22:31:41 +01:00
position: relative;
}
.tooltip__link {
@include text-link();
}
.tooltip__body {
position: absolute;
z-index: 1;
2017-01-21 22:31:41 +01:00
left: 50%;
2017-08-18 07:37:35 +02:00
margin-left: calc(var(--tooltip-width) * -1 / 2);
white-space: normal;
2017-01-21 22:31:41 +01:00
box-sizing: border-box;
padding: $spacing-vertical / 2;
2017-08-18 07:37:35 +02:00
width: var(--tooltip-width);
border: var(--tooltip-border);
2017-08-18 07:37:35 +02:00
color: var(--tooltip-color);
background-color: var(--tooltip-bg);
font-size: calc(var(--font-size) * 7/8);
line-height: var(--font-line-height);
box-shadow: var(--box-shadow-layer);
}
2017-01-21 22:31:41 +01:00
.tooltip--header .tooltip__link {
@include text-link(#aaa);
2017-08-18 07:37:35 +02:00
font-size: calc( var(--font-size) * 3/4 );
margin-left: var(--button-padding);
2017-01-21 22:31:41 +01:00
vertical-align: middle;
2017-08-18 07:37:35 +02:00
}