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

font weight options

Browse Source
This commit is contained in:
Oliver Bryan
2026-02-04 17:29:51 +00:00
parent fbf89abec0
commit 6ece2b4fcc
3 changed files with 236 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
public/index.css
View File

@@ -59,7 +59,7 @@ body {
.catalog {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
gap: 2rem;
gap: 1rem;
}
.font-card {
@@ -79,6 +79,55 @@ body {
margin-bottom: 0.5rem;
}
.font-card__controls {
display: inline-flex;
align-items: center;
gap: 0.75rem;
}
.font-card__select {
height: 2.25rem;
border: 1px solid var(--border-color);
background: transparent;
color: var(--fg-color);
padding: 0 0.75rem;
font-size: 0.85rem;
font-family: inherit;
cursor: pointer;
}
.font-card__range {
width: 160px;
accent-color: var(--accent-color);
cursor: pointer;
height: 4px;
}
.font-card__range::-webkit-slider-runnable-track {
height: 4px;
}
.font-card__range::-webkit-slider-thumb {
margin-top: -6px;
transform: scale(0.75);
}
.font-card__range::-moz-range-track {
height: 4px;
}
.font-card__range::-moz-range-thumb {
margin-top: -6px;
transform: scale(0.75);
}
.font-card__value {
min-width: 2.5rem;
text-align: right;
font-size: 0.85rem;
font-weight: 700;
}
.font-card__title {
font-size: 1.25rem;
font-weight: bold;