Add font size variables for consistent typography

This commit is contained in:
daudix
2024-09-15 22:19:35 +03:00
parent 213bb1ddf9
commit b651470c1d
12 changed files with 88 additions and 70 deletions

View File

@ -64,7 +64,7 @@
margin-block-start: 0;
color: var(--fg-muted-4);
font-weight: bold;
font-size: x-large;
font-size: var(--font-size-x-large);
text-align: center;
}
@ -123,9 +123,10 @@
box-shadow: var(--edge-highlight);
border-radius: 999px;
background-color: var(--fg-muted-1);
padding: 0.25rem 0.75rem;
padding: 0.375rem 0.75rem;
color: var(--fg-muted-5);
font-size: smaller;
font-size: var(--font-size-small);
line-height: 1;
text-decoration: none;
&:hover {
@ -192,8 +193,8 @@
box-shadow: var(--edge-highlight);
border-radius: var(--rounded-corner-small);
background-color: var(--accent-color-alpha);
padding: 0.125rem 0.375rem;
line-height: normal;
padding: 0.25rem 0.375rem;
line-height: 1;
text-decoration: none;
&:hover {
@ -220,7 +221,7 @@
time {
grid-area: time;
margin-block-start: 0.5rem;
font-size: smaller;
font-size: var(--font-size-small);
a {
color: var(--fg-muted-5);