style: Reduce site logo gap and split 'How Do You' text into individual spans.
This commit is contained in:
@@ -357,7 +357,7 @@ a:focus-visible {
|
|||||||
.site-logo {
|
.site-logo {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.5rem;
|
gap: 0.3rem;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
|
|||||||
@@ -481,7 +481,7 @@
|
|||||||
</button>
|
</button>
|
||||||
{/if}
|
{/if}
|
||||||
<a href="/" class="site-logo">
|
<a href="/" class="site-logo">
|
||||||
<span>How Do You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span>
|
<span>How</span><span>Do</span><span>You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
|
|||||||
Reference in New Issue
Block a user