rollup-plugin-visualizer
Version:
[](https://npmjs.org/package/rollup-plugin-visualizer) [](https://travis-ci.com/btd/rollu
86 lines (77 loc) • 1.43 kB
CSS
:root {
--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
"Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
--background-color: #f5edda;
--text-color: #6d6875;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #2b2d42;
--text-color: #edf2f4;
}
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
html {
background-color: var(--background-color);
color: var(--text-color);
font-family: var(--font-family);
}
body {
padding: 0;
margin: 0;
}
html,
body {
height: 100%;
width: 100%;
}
body {
display: flex;
flex-direction: column;
}
svg {
vertical-align: middle;
height: 100%;
}
main {
position: relative;
margin: 0 auto;
flex: 1;
height: 100%;
padding: 20px;
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
border: solid;
border-width: 2px;
border-radius: 5px;
margin: 0;
padding: 5px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: break-word;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
opacity: 0;
background-color: var(--background-color);
color: var(--text-color);
}