aj/CutList
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Improve CutList brand contrast
Build CutList image / build-and-push (push) Successful in 20s
Details

Browse Source
This commit is contained in:
aj
2026-08-02 09:53:25 -04:00
parent 05179aa445
commit ebe725579b
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CutList.Web/Components/Layout/NavMenu.razor
+1 -1
View File
@@ -1,7 +1,7 @@
<div class="top-row"> <div class="top-row">
<div class="brand-lockup"> <div class="brand-lockup">
<a class="brand-mark" href="" aria-label="CutList home"><i class="bi bi-scissors"></i></a> <a class="brand-mark" href="" aria-label="CutList home"><i class="bi bi-scissors"></i></a>
<a class="navbar-brand" href=""><span>Cut</span>List<small>SHOP FLOOR EDITION</small></a> <a class="navbar-brand" href=""><span class="brand-cut">Cut</span><span class="brand-list">List</span><small>SHOP FLOOR EDITION</small></a>
</div> </div>
</div> </div>
CutList.Web/Components/Layout/NavMenu.razor.css
+2 -1
View File
@@ -3,7 +3,8 @@
.brand-mark { align-items: center; background: #f26b38; border-radius: .45rem; color: #161817; display: flex; font-size: 1rem; height: 2.25rem; justify-content: center; text-decoration: none; transform: rotate(-8deg); width: 2.25rem; } .brand-mark { align-items: center; background: #f26b38; border-radius: .45rem; color: #161817; display: flex; font-size: 1rem; height: 2.25rem; justify-content: center; text-decoration: none; transform: rotate(-8deg); width: 2.25rem; }
.brand-mark i { transform: rotate(8deg); } .brand-mark i { transform: rotate(8deg); }
.navbar-brand { color: #f7f3eb; font-family: Georgia, 'Times New Roman', serif; font-size: 1.45rem; font-weight: 700; letter-spacing: -.06em; line-height: .9; text-decoration: none; } .navbar-brand { color: #f7f3eb; font-family: Georgia, 'Times New Roman', serif; font-size: 1.45rem; font-weight: 700; letter-spacing: -.06em; line-height: .9; text-decoration: none; }
.navbar-brand span { color: #f26b38; } .navbar-brand .brand-cut { color: #f26b38; }
.navbar-brand .brand-list { color: #fffaf0; }
.navbar-brand small { color: #8f968d; display: block; font-family: Arial, sans-serif; font-size: .48rem; font-weight: 700; letter-spacing: .14em; margin-top: .45rem; } .navbar-brand small { color: #8f968d; display: block; font-family: Arial, sans-serif; font-size: .48rem; font-weight: 700; letter-spacing: .14em; margin-top: .45rem; }
.nav-section-label { color: #737a73; font-size: .62rem; font-weight: 700; letter-spacing: .13em; margin: 1.35rem 1.5rem .5rem; text-transform: uppercase; } .nav-section-label { color: #737a73; font-size: .62rem; font-weight: 700; letter-spacing: .13em; margin: 1.35rem 1.5rem .5rem; text-transform: uppercase; }
.nav-item { padding: .1rem .75rem; } .nav-item { padding: .1rem .75rem; }