79 lines
1.1 KiB
SCSS
79 lines
1.1 KiB
SCSS
body {
|
|
font-family: Poppins, "DejaVu Serif", Serif;
|
|
font-weight: 200;
|
|
}
|
|
|
|
code {
|
|
font-weight: 400;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.bg-assistant {
|
|
background-color: #E3F6FF;
|
|
}
|
|
|
|
.v-svg {
|
|
display: inline-block;
|
|
width: 2em;
|
|
height: 2em;
|
|
|
|
padding: 0.4em;
|
|
border-radius: 0.4em;
|
|
background-color: unset;
|
|
|
|
transition: opacity 0.3s;
|
|
|
|
> svg, img {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
stroke: black;
|
|
}
|
|
|
|
&.large {
|
|
padding: 0.2em;
|
|
}
|
|
|
|
&.hover {
|
|
opacity: 30%;
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
background-color: white;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
code.hljs > .v-svg {
|
|
background-color: white;
|
|
}
|
|
|
|
*[tooltip] {
|
|
position: relative;
|
|
|
|
&:after {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 95%;
|
|
left: 25%;
|
|
visibility: hidden;
|
|
|
|
border: 1px solid black;
|
|
border-radius: 0.3em;
|
|
background: white;
|
|
|
|
padding: 0.3em;
|
|
|
|
font-size: 0.8em;
|
|
content: attr(tooltip);
|
|
pointer-events: none;
|
|
}
|
|
&:hover:after {
|
|
visibility: visible;
|
|
}
|
|
}
|