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

feature/site-header #1

Merged
rubberducky merged 4 commits from feature/site-header into main 2026-01-15 07:49:02 +00:00
Conversation 0 Commits 4 Files Changed 17 +12 -2
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b65800b069 - Show all commits

10
css/styles.css
View File

@@ -11,6 +11,15 @@
font-display: swap; font-display: swap;
} }
@font-face {
font-family: "Outline";
src: url("../fonts/Outline-Light.woff2") format("woff2"),
url("../fonts/Outline-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
/* ========================================================================== /* ==========================================================================
CSS Reset & Normalize (Modern Best Practices) CSS Reset & Normalize (Modern Best Practices)
Based on normalize.css v8.0.1 + modern resets Based on normalize.css v8.0.1 + modern resets
@@ -206,6 +215,7 @@ table {
--font-size-2xl: 1.5rem; /* 24px */ --font-size-2xl: 1.5rem; /* 24px */
--font-size-3xl: 1.875rem; /* 30px */ --font-size-3xl: 1.875rem; /* 30px */
--font-weight-light: 300;
--font-weight-normal: 400; --font-weight-normal: 400;
--font-weight-medium: 500; --font-weight-medium: 500;
--font-weight-semibold: 600; --font-weight-semibold: 600;

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

@@ -184,7 +184,7 @@ class SearchBar extends HTMLElement {
padding: 0 16px; padding: 0 16px;
font-family: var(--font-family-base); font-family: var(--font-family-base);
font-size: var(--font-size-base, 16px); font-size: var(--font-size-base, 16px);
font-weight: var(--font-weight-normal, 400); font-weight: var(--font-weight-light, 300);
color: #383838; color: #383838;
background-color: transparent; background-color: transparent;
border: none; border: none;
@@ -194,7 +194,7 @@ class SearchBar extends HTMLElement {
.search-input::placeholder { .search-input::placeholder {
font-family: var(--font-family-base); font-family: var(--font-family-base);
font-size: var(--font-size-base, 16px); font-size: var(--font-size-base, 16px);
font-weight: var(--font-weight-normal, 400); font-weight: var(--font-weight-light, 300);
color: rgba(56, 56, 56, 0.5); color: rgba(56, 56, 56, 0.5);
} }