headings and scroll fix
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Rei
2023-01-18 16:56:45 +01:00
parent 957ff33555
commit b0a87b5592
4 changed files with 79 additions and 6 deletions

View File

@@ -2,6 +2,10 @@
@import "tailwindcss/components";
@import "tailwindcss/utilities";
html {
scroll-padding-top: 5rem;
scroll-behavior: smooth;
}
body {
@apply dark:bg-gradient-dark dark:text-primary-text bg-slate-100 text-gradient-dark xl:w-2/3 w-11/12 mx-auto;
}
@@ -27,10 +31,13 @@ pre > div > div > button > svg:hover {
@apply hover:text-action transition-all ease-in-out duration-100 !important;
}
h3 > a {
@apply cursor-pointer relative xl:text-4xl text-2xl text-gray-800 dark:text-primary-text decoration-transparent font-black uppercase !important;
h1 > a, h2 > a, h3 > a, h4 > a {
@apply cursor-pointer relative text-gray-800 dark:text-primary-text decoration-transparent font-bold !important;
}
h3 > a:hover::before {
h1 > a:hover::before,
h2 > a:hover::before,
h3 > a:hover::before,
h4 > a:hover::before {
@apply content-['#'] absolute -left-8 text-gray-300 dark:text-gray-600;
}
}