rubberducky/milinda-pitch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: better fonts for header

Browse Source
This commit is contained in:
Tim Rijkse
2026-01-15 07:57:36 +01:00
parent f7be64dbba
commit 3aff4d1630
6 changed files with 33 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
js/components/horizontal-scroll-nav.js
View File

@@ -76,9 +76,10 @@ class HorizontalScrollNav extends HTMLElement {
flex-shrink: 0;
height: 32px;
padding: 0;
font-size: 16px;
font-family: var(--font-family-base);
font-size: var(--font-size-base, 16px);
font-weight: var(--font-weight-medium, 500);
line-height: 1.5;
line-height: var(--line-height-24, 24px);
color: #000000;
background-color: transparent;
border: none;
@@ -87,6 +88,7 @@ class HorizontalScrollNav extends HTMLElement {
transition: all var(--transition-fast, 150ms ease);
white-space: nowrap;
text-decoration: underline;
text-underline-offset: 4px;
display: flex;
align-items: center;
}

12
js/components/search-bar.js
View File

@@ -182,9 +182,9 @@ class SearchBar extends HTMLElement {
flex: 1;
height: 100%;
padding: 0 16px;
font-family: 'Outfit', system-ui, sans-serif;
font-size: 16px;
font-weight: 300;
font-family: var(--font-family-base);
font-size: var(--font-size-base, 16px);
font-weight: var(--font-weight-normal, 400);
color: #383838;
background-color: transparent;
border: none;
@@ -192,9 +192,9 @@ class SearchBar extends HTMLElement {
}
.search-input::placeholder {
font-family: 'Outfit', system-ui, sans-serif;
font-size: 16px;
font-weight: 300;
font-family: var(--font-family-base);
font-size: var(--font-size-base, 16px);
font-weight: var(--font-weight-normal, 400);
color: rgba(56, 56, 56, 0.5);
}

6
js/components/top-bar.js
View File

@@ -65,9 +65,9 @@ class TopBar extends HTMLElement {
}
::slotted([slot="logo"]) {
font-family: 'Outfit', system-ui, sans-serif;
font-size: 1.25rem;
font-weight: 700;
font-family: var(--font-family-base);
font-size: var(--font-size-xl, 1.25rem);
font-weight: var(--font-weight-bold, 700);
color: #ffffff;
text-decoration: none;
}