headings and scroll fix
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user