56 lines
901 B
SCSS
56 lines
901 B
SCSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
html,
|
|
body {
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: 'Museo Sans', 'Helvetica', sans-serif;
|
|
}
|
|
|
|
#root {
|
|
text-rendering: optimizeLegibility;
|
|
position: relative;
|
|
height: 100vh;
|
|
.container {
|
|
@apply relative py-4 z-50;
|
|
}
|
|
nav li {
|
|
@apply cursor-pointer p-4;
|
|
color: #1a1a1d;
|
|
}
|
|
#canvas-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 0;
|
|
}
|
|
}
|
|
|
|
.content {
|
|
width: 334px;
|
|
height: 216px;
|
|
background: #1a1a1d;
|
|
border-radius: 3px;
|
|
overflow-y: auto;
|
|
padding: 0;
|
|
|
|
&::-webkit-scrollbar {
|
|
width: 12px;
|
|
background-color: #1a1a1d;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 6px rgb(63 63 70);
|
|
box-shadow: inset 0 0 6px rgb(63 63 70);
|
|
}
|
|
}
|
|
|
|
.wrapper {
|
|
height: 432px;
|
|
} |