Use octicon mixin for gutter and line fold icons

This corrects a line height mismatch issue between the editor
and the gutter for certain fonts and font sizes.

Close #689
This commit is contained in:
Kevin Sawicki 2013-08-08 16:12:26 -07:00
parent 4871a7a06d
commit 6178294537

View File

@ -1,4 +1,5 @@
@import "octicon-utf-codes.less"; @import "octicon-utf-codes.less";
@import "octicon-mixins.less";
.editor { .editor {
overflow: hidden; overflow: hidden;
@ -58,21 +59,20 @@
} }
.editor .gutter .line-number:after { .editor .gutter .line-number:after {
font-size: 0.8em; .icon(0.8em);
content: @chevron-right; content: @chevron-right;
font-family: 'Octicons Regular';
-webkit-font-smoothing: antialiased;
opacity: .8; opacity: .8;
visibility: hidden; visibility: hidden;
position: relative;
top: -0.2em;
} }
.editor .fold-marker:after { .editor .fold-marker:after {
font-size: 0.8em; .icon(0.8em);
content: @ellipsis; content: @ellipsis;
opacity: 0.8;
padding-left: 0.2em; padding-left: 0.2em;
font-family: 'Octicons Regular'; position: relative;
-webkit-font-smoothing: antialiased; top: -0.2em;
} }
.editor .line.cursor-line .fold-marker:after { .editor .line.cursor-line .fold-marker:after {