41 lines
722 B
CSS
41 lines
722 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* FONTS */
|
|
|
|
@layer base {
|
|
h1, h2, h3, h4, h5 {
|
|
@apply font-sans;
|
|
}
|
|
}
|
|
|
|
/* OTHERS */
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
/* bg-neutral-800
|
|
@apply bg-slate-800
|
|
*/
|
|
body {
|
|
@apply bg-slate-900;
|
|
@apply text-slate-400;
|
|
}
|
|
|
|
.extra-small {
|
|
font-size: 0.50rem;
|
|
}
|
|
|
|
/* tooltip fade-out clip */
|
|
.tooltip-body::after {
|
|
content: "";
|
|
position: absolute;
|
|
right: 0;
|
|
top: 2.4rem; /* multiple of $line-height used on the tooltip body */
|
|
height: 1.2rem; /* ($top + $height)/$line-height is the number of lines we want to clip tooltip text at*/
|
|
width: 10rem;
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
|
|
}
|