malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Improve hover properties of icon menu

Browse Source
This commit is contained in:
Tetrakern 2024-08-07 14:28:58 +02:00
parent 0b55be6a0e
commit b47544e73e
5 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/application.css
View File

File diff suppressed because one or more lines are too long

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
partials/_navigation.php
View File

@ -56,7 +56,7 @@ if ( $header_style === 'wide' ) {
fictioneer_icon( 'fa-bars', 'off' );
fictioneer_icon( 'fa-xmark', 'on' );
?>
<span class="mobile-menu-button__label"><?php _ex( 'Menu' , 'Mobile menu label', 'fictioneer'); ?></span>
<span class="mobile-menu-button__label"><?php _ex( 'Menu' , 'Mobile menu label', 'fictioneer' ); ?></span>
</label>
<nav class="main-navigation__left" aria-label="<?php echo esc_attr__( 'Main Navigation', 'fictioneer' ); ?>">

14
src/scss/_icon-menu.scss
View File

@ -13,6 +13,20 @@
letter-spacing: 0;
padding: 0 10px;
height: var(--navigation-height);
&:hover {
color: var(--navigation-color-hover);
}
}
.sub-menu {
:where(a, label, button):where(:not(._no-menu-item-style)) {
color: var(--navigation-subitem-color, var(--navigation-color));
&:hover {
color: var(--navigation-subitem-color-hover, var(--navigation-color-hover));
}
}
}
&:hover,

2
src/scss/_navigation.scss
View File

@ -233,6 +233,7 @@
}
&:hover {
color: var(--navigation-color-hover);
background: var(--navigation-item-background-hover);
}
@ -471,6 +472,7 @@
&__note {
text-transform: uppercase;
color: var(--navigation-subitem-color, var(--navigation-color));
font-family: var(--ff-note);
font-size: 12px;
font-weight: 600;