mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-21 04:50:14 +08:00
80 lines
2.3 KiB
SCSS
80 lines
2.3 KiB
SCSS
@import "./mixins/mixins.scss";
|
|
@import "./themes/vars.scss";
|
|
|
|
@include themes-mixin {
|
|
.#{block(tooltip)} {
|
|
@include b(tooltip-content) {
|
|
&.#{block(popover-content)} {
|
|
@include once {
|
|
padding: 8px 14px;
|
|
white-space: nowrap;
|
|
border-radius: 6px;
|
|
}
|
|
box-shadow: $--tooltip-box-shadow;
|
|
background-color: $--tooltip-background-color;
|
|
color: $--tooltip-color;
|
|
&[n-placement$="top-start"] {
|
|
@include b(popover-arrow) {
|
|
border-top-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="top"] {
|
|
@include b(popover-arrow) {
|
|
border-top-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="top-end"] {
|
|
@include b(popover-arrow) {
|
|
border-top-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="bottom-start"] {
|
|
@include b(popover-arrow) {
|
|
border-bottom-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="bottom"] {
|
|
@include b(popover-arrow) {
|
|
border-bottom-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="bottom-end"] {
|
|
@include b(popover-arrow) {
|
|
border-bottom-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="left-start"] {
|
|
@include b(popover-arrow) {
|
|
border-left-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="left"] {
|
|
@include b(popover-arrow) {
|
|
border-left-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="left-end"] {
|
|
@include b(popover-arrow) {
|
|
border-left-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="right-start"] {
|
|
@include b(popover-arrow) {
|
|
border-right-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="right"] {
|
|
@include b(popover-arrow) {
|
|
border-right-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
&[n-placement$="right-end"] {
|
|
@include b(popover-arrow) {
|
|
border-right-color: $--tooltip-background-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|