Malasaur/ShadCN-Vue-Template
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set custom.css to use classes

Browse source
This commit is contained in:
Malasaur 2026-02-02 22:42:00 +01:00
parent ade7f223b9
commit 96cd49d166
No known key found for this signature in database
1 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/custom.css
View file

@ -1,4 +1,4 @@
h1 { .h1 {
scroll-margin-top: 5rem; scroll-margin-top: 5rem;
text-align: center; text-align: center;
font-size: 2.25rem; font-size: 2.25rem;
@ -8,7 +8,7 @@ h1 {
text-wrap: balance; text-wrap: balance;
} }
h2 { .h2 {
scroll-margin-top: 5rem; scroll-margin-top: 5rem;
margin-top: 2.5rem; margin-top: 2.5rem;
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
@ -20,11 +20,11 @@ h2 {
transition: color 0.2s ease; transition: color 0.2s ease;
} }
h2:first-child { .h2:first-child {
margin-top: 0; margin-top: 0;
} }
h3 { .h3 {
scroll-margin-top: 5rem; scroll-margin-top: 5rem;
margin-top: 2rem; margin-top: 2rem;
font-size: 1.5rem; font-size: 1.5rem;
@ -33,7 +33,7 @@ h3 {
letter-spacing: -0.025em; letter-spacing: -0.025em;
} }
h4 { .h4 {
scroll-margin-top: 5rem; scroll-margin-top: 5rem;
margin-top: 1.5rem; margin-top: 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
@ -42,33 +42,33 @@ h4 {
letter-spacing: -0.025em; letter-spacing: -0.025em;
} }
p { .p {
line-height: 1.75rem; line-height: 1.75rem;
} }
p:not(:first-child) { .p:not(:first-child) {
margin-top: 1.5rem; margin-top: 1.5rem;
} }
blockquote { .blockquote {
margin-top: 1.5rem; margin-top: 1.5rem;
border-left: 2px solid var(--border); border-left: 2px solid var(--border);
padding-left: 1.5rem; padding-left: 1.5rem;
font-style: italic; font-style: italic;
} }
ul { .ul {
margin-top: 1.5rem; margin-top: 1.5rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
margin-left: 1.5rem; margin-left: 1.5rem;
list-style-type: disc; list-style-type: disc;
} }
ul > li { .ul > li {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
code { .code {
position: relative; position: relative;
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
background-color: var(--muted); background-color: var(--muted);