Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web: proper text styling & semantics

Browse source
This commit is contained in:
wukko 2024-06-24 20:26:45 +06:00
parent a226f0635f
commit 0064bda4ed
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 34 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
web/src/routes/+layout.svelte
View file

@ -119,7 +119,6 @@
border: none;
border-radius: var(--border-radius);
font-size: 14.5px;
font-weight: 500;
cursor: pointer;
background-color: var(--button);
color: var(--button-text);
@ -155,6 +154,39 @@
justify-content: center;
}
:global(button, .subtext) {
font-weight: 500;
}
:global(h1, h2, h3, h4, h5, h6) {
font-weight: 500;
margin-block: 0;
}
:global(h1) {
font-size: 24px;
letter-spacing: -1px;
}
:global(h2) {
font-size: 20px;
letter-spacing: -1px;
}
:global(h3) {
font-size: 16px;
}
:global(h4, h5, h6) {
font-size: 12px;
}
:global(.subtext) {
font-size: 13px;
color: var(--gray);
line-height: 1.4;
}
#cobalt {
height: 100vh;
display: grid;

8
web/src/routes/settings/+layout.svelte
View file

@ -15,7 +15,7 @@
<div id="settings-page">
<div id="settings-sidebar">
<div class="page-title">settings</div>
<h1 id="settings-page-title">settings</h1>
<nav id="settings-navigation">
<SettingsSection sectionTitle="general">
<SettingsCategory
@ -83,12 +83,6 @@
padding-top: calc(60px - var(--padding));
}
.page-title {
font-size: 24px;
font-weight: 500;
letter-spacing: -1px;
}
#settings-sidebar {
gap: 24px;
}