Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 10:14:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix hover/active states

Browse Source
This commit is contained in:
Jeremy Thomas
2017-07-02 23:20:04 +01:00
parent 45a31d7b86
commit 09ca2efe62
5 changed files with 51 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
docs/css/bulma-docs.css
View File

@@ -4391,13 +4391,9 @@ a.nav-item.is-tab.is-active {
}
a.navbar-item:hover,
.navbar-link:hover {
background-color: whitesmoke;
color: #0a0a0a;
}
a.navbar-item.is-active,
.navbar-link.is-active {
.navbar-item.has-dropdown:hover .navbar-link,
.navbar-item.has-dropdown.is-active .navbar-link {
background-color: whitesmoke;
color: #0a0a0a;
}
@@ -4435,16 +4431,6 @@ a.navbar-item.is-active,
padding-right: 1.5rem;
}
.navbar-dropdown a.navbar-item:hover {
background-color: whitesmoke;
color: #0a0a0a;
}
.navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #00d1b2;
}
.navbar-divider {
background-color: #dbdbdb;
border: none;
@@ -4483,9 +4469,17 @@ a.navbar-item.is-active,
.navbar.is-transparent .navbar-link.is-active {
background-color: transparent;
}
.navbar.is-transparent .navbar-item.is-active .navbar-link, .navbar.is-transparent .navbar-item.is-hoverable:hover .navbar-link {
.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
background-color: transparent;
}
.navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
background-color: whitesmoke;
color: #0a0a0a;
}
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #00d1b2;
}
.navbar-burger {
display: none;
}
@@ -4497,10 +4491,6 @@ a.navbar-item.is-active,
.navbar-item.has-dropdown {
align-items: stretch;
}
.navbar-item.is-active .navbar-link, .navbar-item.is-hoverable:hover .navbar-link {
background-color: whitesmoke;
color: #0a0a0a;
}
.navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
display: block;
}
@@ -4509,6 +4499,10 @@ a.navbar-item.is-active,
pointer-events: auto;
transform: translateY(0);
}
a.navbar-item.is-active {
background-color: transparent;
color: #0a0a0a;
}
.navbar-link::after {
border: 1px solid #00d1b2;
border-right: 0;
@@ -4557,6 +4551,14 @@ a.navbar-item.is-active,
.navbar-dropdown a.navbar-item {
padding-right: 3rem;
}
.navbar-dropdown a.navbar-item:hover {
background-color: whitesmoke;
color: #0a0a0a;
}
.navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #00d1b2;
}
.navbar-dropdown.is-boxed {
border-radius: 5px;
border-top: none;