mirror of
https://git.solarpunk.moe/Fries/fries-website.git
synced 2024-11-09 14:32:20 +00:00
add aria-hidden to hr tags and font sizes to vars
This commit is contained in:
parent
8cde083875
commit
f0753ac18c
3 changed files with 19 additions and 16 deletions
|
@ -9,7 +9,6 @@
|
|||
#nav-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-size: 20px;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
|
|
|
@ -20,9 +20,9 @@ import "../styles/global.css";
|
|||
</head>
|
||||
<body>
|
||||
<Navigation />
|
||||
<hr>
|
||||
<hr aria-hidden="true">
|
||||
<slot />
|
||||
<hr>
|
||||
<hr aria-hidden="true">
|
||||
<Footer />
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -14,45 +14,50 @@
|
|||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
--h1-font-size: 3.225rem;
|
||||
--h2-font-size: 2.825rem;
|
||||
--h3-font-size: 2.225rem;
|
||||
--h4-font-size: 1.665rem;
|
||||
--default-font-size: 1.375rem;
|
||||
--h6-font-size: 1.185rem;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Atkinson Hyperlegible", sans-serif;
|
||||
text-align: center;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
|
||||
footer,
|
||||
main {
|
||||
font-size: var(--default-font-size);
|
||||
max-width: 600px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 1.375rem;
|
||||
font-size: var(--default-font-size);
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.225rem;
|
||||
font-size: var(--h1-font-size);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.825rem;
|
||||
font-size: var(--h2-font-size);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 2.225rem;
|
||||
font-size: var(--h3-font-size);
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.665rem;
|
||||
font-size: var(--h4-font-size);
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.375rem;
|
||||
font-size: var(--default-font-size);
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1.185rem;
|
||||
font-size: var(--h6-font-size);
|
||||
}
|
||||
|
||||
/* don't ask why i'm doing this cursed workaround, but i am. */
|
||||
|
@ -76,5 +81,4 @@ hr {
|
|||
|
||||
hr {
|
||||
border: 1px solid;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue