Add menu icon to icon font

Closes #186

- Adds the menu icon from Ghost's icon set
- Alters CSS to use that new icon
This commit is contained in:
Paul Adam Davis
2015-03-23 16:21:53 +00:00
parent acc6896393
commit b071548965
10 changed files with 21 additions and 9 deletions

View File

@ -160,6 +160,9 @@ table { border-collapse: collapse; border-spacing: 0; }
.icon-link:before {
content: "\f608";
}
.icon-menu:before {
content: "\f609";
}
/* ==========================================================================
@ -792,13 +795,18 @@ body.nav-opened .nav {
background: rgba(0,0,0,0.1);
transition: all 0.5s ease;
}
.menu-button:before {
font-size: 12px;
font-weight: bold;
margin-right: 6px;
color: #fff !important;
position: relative;
top: 1px;
transition: all 0.5s ease;
}
.menu-button:focus {
outline: 0;
}
.menu-button .burger {
font-size: 12px;
margin-right: 6px;
}
body.nav-opened .menu-button {
padding: 0 12px;
@ -843,6 +851,9 @@ body.nav-opened .menu-button .word {
border-color: #fff;
background: #fff;
}
.main-nav.overlay a:hover:before {
color: #222;
}
/* Add a border to the buttons on hover */
.menu-button:hover {