Skip to content

Instantly share code, notes, and snippets.

@apouche
Last active Aug 29, 2015
Embed
What would you like to do?
/*
* Your Stylesheet
*
* This stylesheet is loaded when Atom starts up and is reloaded automatically
* when it is changed.
*
* If you are unfamiliar with LESS, you can read more about it here:
* http://www.lesscss.org
*
* To apply this styles to your editor click on
* Edit > Open your stylesheet ( Mac / Linux )
* File > Open your stylesheet ( Windows )
*
* And paste this file's contents
*
* More info @ http://arqex.com/971/a-compact-stylesheet-for-atom-editor
*/
@tab-height: 24px;
@line-height: @tab-height;
.tree-view {
font-size: 12px;
.list-item {
line-height: 21px !important;
}
.selected:before, .selected:before {
height: 18px !important;
}
.icon:before {
font-size: 11px;
width: 10px;
height: 10px;
opacity: .6;
position: relative;
top: 0px;
}
.header:before {
font-size: 10px !important;
opacity: .6;
margin-right: 0px !important;
}
}
/* more subtle invisibles */
.editor {
.invisible-character {
color: #504949;
opacity: 0.5;
}
.indent-guide {
opacity: .5;
}
}
/* thicker cursor */
.editor .cursor {
border-left-width: 2px;
}
.editor.is-focused .line-number.cursor-line-no-selection, .editor.is-focused .line.cursor-line {
background-color: rgba(53, 57, 60, 0)
}
.editor.is-focused .selection .region {
background-color: RGBA(100, 110, 100, 0.6);
color: #fff !important;
text-shadow: none;
}
.tab-bar {
height: @tab-height + 1;
line-height: @tab-height;
border-bottom: 1px solid #333333;
padding-left: 1px;
&:after {
display: none;
}
.tab, .tab.active {
height: @tab-height;
line-height: @line-height;
border-left: 0;
border-right: 1px solid #333333;
margin: 0 1px 0 0;
padding: 0 0 0 5px;
top:0;
&:first-child {
margin-left: 0;
padding-left: 5px;
}
&:before, &:after {
display: none;
}
.title {
line-height: @tab-height;
}
.close-icon {
top: 1px;
line-height: @line-height;
height: @line-height;
right: 5px;
}
&.modified .close-icon {
heigth: 8px;
right: 5px;
line-height: @line-height;
}
}
}
.status-bar {
line-height: 18px;
height: 20px;
}
.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: 23px;
}
.list-tree.has-collapsable-children .list-nested-item > .list-tree > li, .list-tree.has-collapsable-children .list-nested-item > .list-group > li {
padding-left: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment