Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-13 22:41:32 -05:00
Code Issues Activity

Swap nav item & logo style order

Browse source 
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 1db30f896f
commit 08afada499
1 changed files with 29 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
core/client/assets/sass/components/navigation.scss
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
// --------------------------------------------------