feat(header): three-region layout + dark nav colors
This commit is contained in:
+9
-3
@@ -47,12 +47,18 @@ $showHero = in_array(
|
||||
<header role="banner" class="site-header bg-secondary flex flex-col items-center justify-start">
|
||||
<?php get_template_part( 'views/components/nav-aux' ); ?>
|
||||
|
||||
<div class="header__nav-main container py-4 items-center grid gap-x-8 gap-y-0 grid-cols-[83px_auto] grid-rows-[1fr] justify-between">
|
||||
<a href="<?php bloginfo( 'url' ); ?>" class="site-header__logo block size-20">
|
||||
<img class="size-full" src="<?php echo esc_url( $headerLogo ); ?>" alt="<?php bloginfo( 'name' ); ?> logo"/>
|
||||
<div class="header__nav-main container py-4 items-center grid gap-x-8 gap-y-0 grid-cols-[auto_1fr_auto] grid-rows-[1fr] justify-between">
|
||||
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="site-header__logo block">
|
||||
<img class="site-header__logo-img" src="<?php echo esc_url( $headerLogo ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?> logo" />
|
||||
</a>
|
||||
|
||||
<?php get_template_part( 'views/components/nav-main' ); ?>
|
||||
|
||||
<div class="site-header__aux">
|
||||
<a class="button button--outline" href="<?php echo esc_url( home_url( '/cv/' ) ); ?>">
|
||||
<?php echo esc_html__( 'Download CV', 'ks-portfolio' ); ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
@@ -65,3 +65,13 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-main a,
|
||||
.nav-aux a {
|
||||
color: var(--color-on-surface, #e3e1e9);
|
||||
}
|
||||
|
||||
.nav-main a:hover,
|
||||
.nav-aux a:hover {
|
||||
color: var(--color-primary, #b6c4ff);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user