Set custom.css to use classes
This commit is contained in:
parent
ade7f223b9
commit
96cd49d166
1 changed files with 11 additions and 11 deletions
|
|
@ -1,4 +1,4 @@
|
|||
h1 {
|
||||
.h1 {
|
||||
scroll-margin-top: 5rem;
|
||||
text-align: center;
|
||||
font-size: 2.25rem;
|
||||
|
|
@ -8,7 +8,7 @@ h1 {
|
|||
text-wrap: balance;
|
||||
}
|
||||
|
||||
h2 {
|
||||
.h2 {
|
||||
scroll-margin-top: 5rem;
|
||||
margin-top: 2.5rem;
|
||||
border-bottom: 1px solid var(--border);
|
||||
|
|
@ -20,11 +20,11 @@ h2 {
|
|||
transition: color 0.2s ease;
|
||||
}
|
||||
|
||||
h2:first-child {
|
||||
.h2:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
.h3 {
|
||||
scroll-margin-top: 5rem;
|
||||
margin-top: 2rem;
|
||||
font-size: 1.5rem;
|
||||
|
|
@ -33,7 +33,7 @@ h3 {
|
|||
letter-spacing: -0.025em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
.h4 {
|
||||
scroll-margin-top: 5rem;
|
||||
margin-top: 1.5rem;
|
||||
font-size: 1.25rem;
|
||||
|
|
@ -42,33 +42,33 @@ h4 {
|
|||
letter-spacing: -0.025em;
|
||||
}
|
||||
|
||||
p {
|
||||
.p {
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
p:not(:first-child) {
|
||||
.p:not(:first-child) {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
.blockquote {
|
||||
margin-top: 1.5rem;
|
||||
border-left: 2px solid var(--border);
|
||||
padding-left: 1.5rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
ul {
|
||||
.ul {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
margin-left: 1.5rem;
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
ul > li {
|
||||
.ul > li {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
code {
|
||||
.code {
|
||||
position: relative;
|
||||
border-radius: var(--radius-sm);
|
||||
background-color: var(--muted);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue