Skip to content

Commit 2c570f7

Browse files
committed
fix: align h1 icon to top when title wraps to multiple lines
1 parent 81b5e6d commit 2c570f7

3 files changed

Lines changed: 3 additions & 3 deletions

File tree

site/demo/extended.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
</head>
4242
<body>
4343
<header>
44-
<h1 style="display:inline-flex;align-items:end;gap:0.3em"><img src="../static/logo.svg" alt="" style="height:1em">Nimble.css — Extended Demo</h1>
44+
<h1 style="display:inline-flex;align-items:start;gap:0.3em"><img src="../static/logo.svg" alt="" style="height:1em">Nimble.css — Extended Demo</h1>
4545
<p>Showcasing layout modes, utility classes, button variants, form patterns, surface hierarchy, dark mode toggling, and <a href="#no-nimble"><code>.no-nimble</code> component isolation</a>. See also: <a href="index.html">HTML5 Test Page</a>.</p>
4646
<nav>
4747
<button id="theme-toggle" type="button">Toggle Dark Mode</button>

site/demo/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
</head>
1414
<body id="top">
1515
<header>
16-
<h1 style="display:inline-flex;align-items:end;gap:0.3em"><img src="../static/logo.svg" alt="" style="height:1em">Nimble.css — HTML5 Test Page</h1>
16+
<h1 style="display:inline-flex;align-items:start;gap:0.3em"><img src="../static/logo.svg" alt="" style="height:1em">Nimble.css — HTML5 Test Page</h1>
1717
<p>Based on <a href="https://cbracco.github.io/html5-test-page/">html5-test-page</a>. All standard HTML elements for visual regression testing.</p>
1818
</header>
1919
<nav>

site/demo/pico.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -140,7 +140,7 @@
140140
<!-- Header -->
141141
<header>
142142
<hgroup>
143-
<h1 style="display:inline-flex;align-items:end;gap:0.3em"><img src="../static/logo.svg" alt="" style="height:1em">Nimble.css</h1>
143+
<h1 style="display:inline-flex;align-items:start;gap:0.3em"><img src="../static/logo.svg" alt="" style="height:1em">Nimble.css</h1>
144144
<p>A pure HTML example, without dependencies. Inspired by the <a href="https://4mrnhq.csb.app/">Pico CSS</a> demo.</p>
145145
</hgroup>
146146
<nav>

0 commit comments

Comments
 (0)