ob/fonts
1
0
Fork 0
mirror of https://github.com/hex248/fonts.git synced 2026-02-07 18:23:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

improved spacing

Browse Source
This commit is contained in:
Oliver Bryan
2026-02-04 19:32:02 +00:00
parent 813ff13bf6
commit 8ae024b77d
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
public/index.css
View File

@@ -29,7 +29,7 @@ body {
} }
.page { .page {
padding: 2rem; padding: 1rem;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
@@ -68,6 +68,7 @@ body {
border: 1.5px solid var(--border-color); border: 1.5px solid var(--border-color);
padding: 1.5rem; padding: 1.5rem;
position: relative; position: relative;
overflow: hidden;
} }
.font-card__header { .font-card__header {
@@ -170,21 +171,21 @@ body {
flex-wrap: wrap; flex-wrap: wrap;
gap: 1rem; gap: 1rem;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
background: var(--fg-color); /* background: var(--fg-color); */
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
padding-left: 1rem; padding-left: 1rem;
} }
.font-card__code { .font-card__code {
font-size: 0.8rem; font-size: 0.8rem;
color: var(--bg-color); /* color: var(--bg-color); */
text-wrap: break-word; text-wrap: break-word;
text-transform: none; text-transform: none;
} }
.font-card__family { .font-card__family {
font-size: 0.75rem; font-size: 0.75rem;
color: var(--bg-color); /* color: var(--bg-color); */
text-transform: none; text-transform: none;
} }
@@ -192,18 +193,18 @@ body {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border: 1px solid var(--bg-color); border: 1px solid var(--border-color);
background: transparent; background: transparent;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 0.75rem; font-size: 0.75rem;
font-weight: bold; font-weight: bold;
color: var(--bg-color); /* color: var(--bg-color); */
cursor: pointer; cursor: pointer;
} }
.font-card__copy:hover { .font-card__copy:hover {
background: var(--bg-color); background: var(--fg-color);
color: var(--fg-color); color: var(--bg-color);
} }
.hidden { .hidden {
@@ -218,11 +219,11 @@ body {
} }
.decal-grid--header { .decal-grid--header {
font-size: 2rem; font-size: 1rem;
font-weight: 700; font-weight: 700;
flex-direction: column; flex-direction: column;
justify-content: end; justify-content: end;
align-items: end; align-items: center;
margin-bottom: 1rem; margin-bottom: 1rem;
} }