Skip to content

Commit 4cf75f2

Browse files
committed
fix: navbar-item hover styles for button elements (upstream PR jgthms#4030)
1 parent 210b6f0 commit 4cf75f2

3 files changed

Lines changed: 9 additions & 2 deletions

File tree

css/bulma.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7561,23 +7561,30 @@ body.has-navbar-fixed-bottom {
75617561
}
75627562

75637563
a.navbar-item,
7564+
button.navbar-item,
75647565
.navbar-link {
75657566
background-color: hsla(var(--bulma-navbar-h), var(--bulma-navbar-s), calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta)), var(--bulma-navbar-item-background-a));
75667567
cursor: pointer;
75677568
}
75687569
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover,
7570+
button.navbar-item:focus,
7571+
button.navbar-item:focus-within,
7572+
button.navbar-item:hover,
75697573
.navbar-link:focus,
75707574
.navbar-link:focus-within,
75717575
.navbar-link:hover {
75727576
--bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-hover-background-l-delta);
75737577
--bulma-navbar-item-background-a: 1;
75747578
}
75757579
a.navbar-item:active,
7580+
button.navbar-item:active,
75767581
.navbar-link:active {
75777582
--bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-active-background-l-delta);
75787583
--bulma-navbar-item-background-a: 1;
75797584
}
75807585
a.navbar-item.is-active, a.navbar-item.is-selected,
7586+
button.navbar-item.is-active,
7587+
button.navbar-item.is-selected,
75817588
.navbar-link.is-active,
75827589
.navbar-link.is-selected {
75837590
--bulma-navbar-h: var(--bulma-navbar-item-selected-h);

css/bulma.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

sass/components/navbar.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -293,8 +293,8 @@ body {
293293
}
294294
}
295295
}
296-
297296
a.#{iv.$class-prefix}navbar-item,
297+
button.#{iv.$class-prefix}navbar-item,
298298
.#{iv.$class-prefix}navbar-link {
299299
background-color: hsla(
300300
#{cv.getVar("navbar-h")},

0 commit comments

Comments
 (0)