Skip to content

Commit 905290a

Browse files
authored
use octicons for expander triangles in nav (PR #68)
1 parent 2b87662 commit 905290a

File tree

3 files changed

+18
-67
lines changed

3 files changed

+18
-67
lines changed

src/css/nav.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -161,19 +161,19 @@
161161
}
162162

163163
.nav-item-toggle {
164-
background: transparent url(../img/caret.svg) no-repeat center / 50%;
164+
background: transparent url(../img/octicons-16.svg#view-triangle-right) no-repeat center;
165+
opacity: 0.25;
165166
border: none;
166167
outline: none;
167168
line-height: inherit;
168169
position: absolute;
169170
height: calc(var(--nav-line-height) * 1em);
170171
width: calc(var(--nav-line-height) * 1em);
171-
margin-top: -0.05em;
172-
margin-left: calc(var(--nav-line-height) * -1em);
172+
margin-top: -0.05em 0 0 calc(var(--nav-line-height) * -1em);
173173
}
174174

175175
.nav-item.is-active > .nav-item-toggle {
176-
transform: rotate(90deg);
176+
background-image: url(../img/octicons-16.svg#view-triangle-down);
177177
}
178178

179179
.is-current-page > .nav-link,

src/img/caret.svg

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

src/img/octicons-16.svg

Lines changed: 14 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)