Swap nav item & logo style order

Closes #4532

- Swaps the order of nav-item and .ghost-logo styles, as .ghost-logo was being overwritten by .nav-item, allowing a hover state
This commit is contained in:
Paul Adam Davis 2014-11-28 10:21:14 +00:00
parent 404743f170
commit 89f0f38c83

View File

@ -4,8 +4,8 @@
// Styles for the main top bar & mobile navigation
//
// * Main wrapper
// * Ghost branding
// * Nav Items
// * Ghost branding
// * User Menu
// * Mobile
// ------------------------------------------------------------
@ -37,34 +37,6 @@
}
//
// Ghost branding
// --------------------------------------------------
.ghost-logo {
width: 60px;
padding-right: 0;
text-align: center;
color: lighten($grey, 20%);
font-size: 1.2rem;
line-height: 1em;
transition: color 0.5s;
span {
display: none;
}
}
.ghost-logo:hover,
.ghost-logo:focus {
color: $lightgrey;
transition: color 0.1s;
.nav-label {
background: transparent;
}
}
//
// Nav Items
// --------------------------------------------------
@ -103,6 +75,34 @@
}
//
// Ghost branding
// --------------------------------------------------
.ghost-logo {
width: 60px;
padding-right: 0;
text-align: center;
color: lighten($grey, 20%);
font-size: 1.2rem;
line-height: 1em;
transition: color 0.5s;
span {
display: none;
}
}
.ghost-logo:hover,
.ghost-logo:focus {
color: $lightgrey;
transition: color 0.1s;
.nav-label {
background: transparent;
}
}
//
// User Menu
// --------------------------------------------------