Skip to content

Commit c8308d5

Browse files
authored
use octicons for nav toggle (PR #65)
1 parent dd79b35 commit c8308d5

File tree

4 files changed

+26
-257
lines changed

4 files changed

+26
-257
lines changed

src/css/toolbar.css

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -17,15 +17,15 @@
1717
}
1818

1919
.nav-toggle {
20-
background: url(../img/menu.svg) no-repeat 50% 47.5%;
21-
background-size: 49%;
20+
background: url(../img/octicons-24.svg#view-file-directory) no-repeat center / 50% 50%;
21+
filter: invert(10%); /* NOTE should match --navbar-background */
2222
border: none;
2323
outline: none;
2424
line-height: inherit;
2525
padding: 0;
26+
margin-right: -0.625rem;
2627
height: var(--toolbar-height);
2728
width: var(--toolbar-height);
28-
margin-right: -0.25rem;
2929
}
3030

3131
@media screen and (min-width: 1024px) {
@@ -35,8 +35,7 @@
3535
}
3636

3737
.nav-toggle.is-active {
38-
background-image: url(../img/back.svg);
39-
background-size: 41.5%;
38+
background-image: url(../img/octicons-24.svg#view-arrow-left);
4039
}
4140

4241
.home-link {

src/img/back.svg

Lines changed: 0 additions & 86 deletions
This file was deleted.

src/img/menu.svg

Lines changed: 0 additions & 158 deletions
This file was deleted.

src/img/octicons-24.svg

Lines changed: 22 additions & 8 deletions
Loading

0 commit comments

Comments
 (0)