Atom editor stylesheet

styles.less

@fontFamily:        "Operator Mono";
@fontFamily2:       "flottflott";
@fontFamily3:       "segoe ui";

atom-text-editor {

    font-family: @fontFamily;
    font-size:   17px;

    .syntax--entity.syntax--other.syntax--attribute-name.syntax--html,
    .syntax--entity.syntax--other.syntax--attribute-name.syntax--pseudo-element.syntax--css,
    .syntax--entity.syntax--other.syntax--attribute-name.syntax--pseudo-class.syntax--css,
    .syntax--source.syntax--js.syntax--jsx > .syntax--keyword.syntax--control.syntax--flow.syntax--js,
    .syntax--storage,
    .syntax--type .syntax--function {
        font-family:    @fontFamily2;
        font-size:      1.5em;
        line-height:    1rem;
    }

    .syntax--punctuation.syntax--definition.syntax--entity.syntax--css,
    .syntax--arrow.syntax--js {
        font-family: @fontFamily;
        font-size:   15px;
    }
}

.list-tree {

    font-family: @fontFamily3;

    .list-item:before {
        display: none !important;
    }

    .icon:before {
        margin-right: 5px !important;
    }

    .header span {
        font-weight: bold;
    }

    .entries {
        padding-top: 0px;
    }
}

.list-group li:not(.list-nested-item),
.list-tree li:not(.list-nested-item),
.list-group li.list-nested-item > .list-item,
.list-tree li.list-nested-item > .list-item {
    line-height: 40px;
}

li.directory.entry.list-nested-item:before {
    height: 40px;
}

.list-tree.has-collapsable-children li.list-item {
    margin-left: 0px;
}

.list-tree.has-collapsable-children .list-nested-item > .list-tree > li,
.list-tree.has-collapsable-children .list-nested-item > .list-group > li {
    padding-left: 20px;
}