mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2025-12-08 03:06:57 +08:00
56 lines
1.0 KiB
SCSS
56 lines
1.0 KiB
SCSS
.tmagic-design-popper {
|
|
min-width: 150px;
|
|
line-height: 1.4;
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
|
|
color: #606266;
|
|
border: 1px solid #e4e7ed;
|
|
border-radius: 4px;
|
|
font-size: 14px;
|
|
overflow-wrap: break-word;
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
|
|
&:focus {
|
|
outline: none;
|
|
}
|
|
}
|
|
|
|
.tmagic-design-popper[data-popper-placement^="top"]
|
|
> .tmagic-design-popper-arrow {
|
|
bottom: -4px;
|
|
}
|
|
|
|
.tmagic-design-popper[data-popper-placement^="bottom"]
|
|
> .tmagic-design-popper-arrow {
|
|
top: -4px;
|
|
}
|
|
|
|
.tmagic-design-popper[data-popper-placement^="left"]
|
|
> .tmagic-design-popper-arrow {
|
|
right: -4px;
|
|
}
|
|
|
|
.tmagic-design-popper[data-popper-placement^="right"]
|
|
> .tmagic-design-popper-arrow {
|
|
left: -4px;
|
|
}
|
|
|
|
.tmagic-design-popper-arrow,
|
|
.tmagic-design-popper-arrow::before {
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
background: inherit;
|
|
}
|
|
|
|
.tmagic-design-popper-arrow {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.tmagic-design-popper-arrow::before {
|
|
visibility: visible;
|
|
content: "";
|
|
transform: rotate(45deg);
|
|
}
|