pianello-api/resources/css/components/_tippy.css
Ale Gallo 74c4b1d3f4 Committing laraver (part 2)
committing part of the laravel system with templating files and components
2023-11-10 15:58:25 +01:00

52 lines
1.1 KiB
CSS
Executable file

.tooltip-content {
left: 10000px;
position: fixed;
}
.tippy-box {
border-radius: theme("borderRadius.md");
.tippy-content {
padding: theme("spacing.[1.5]") theme("spacing.3");
}
}
.tippy-popper {
&[x-placement="left"],
&[x-placement="right"],
&[x-placement="left-start"],
&[x-placement="left-end"],
&[x-placement="right-start"],
&[x-placement="right-end"] {
.tippy-roundarrow,
.tippy-arrow {
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
}
}
&[x-placement="top"],
&[x-placement="bottom"],
&[x-placement="top-start"],
&[x-placement="top-end"],
&[x-placement="bottom-start"],
&[x-placement="bottom-end"] {
.tippy-roundarrow,
.tippy-arrow {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
}
}
.dark {
.tippy-box {
box-shadow: 0 0 20px 4px #00000026, 0 4px 80px -8px #24282f40,
0 4px 4px -2px #5b5e6926;
color: theme("colors.slate.300");
background-color: theme("colors.darkmode.300");
& > .tippy-svg-arrow {
fill: theme("colors.darkmode.300");
}
}
}