Skip to content

Instantly share code, notes, and snippets.

@learningjs
Forked from basarat/styles.less
Last active August 29, 2015 14:20
Show Gist options
  • Save learningjs/5da31f3f573f51f59d6a to your computer and use it in GitHub Desktop.
Save learningjs/5da31f3f573f51f59d6a to your computer and use it in GitHub Desktop.
// Style the find results
atom-text-editor::shadow .highlight.find-result .region {
background: rgb(163,163,0);
transition: background-color 0.2s, border-color 0.2s;
}
atom-text-editor::shadow .highlight.current-result .region,
atom-text-editor::shadow .highlight.current-result ~ .highlight.selection .region {
background: orange;
border-color: red;
}
// Style the git gutter
atom-text-editor::shadow .gutter .line-number.git-line-added {
border-left-width: 10px;
border-left-color: lime;
padding-left: calc(~"0.5em - 10px");
}
atom-text-editor::shadow .gutter .line-number.git-line-modified {
border-left-width: 10px;
border-left-color: yellow;
padding-left: calc(~"0.5em - 10px");
}
// Style the git gutter
atom-text-editor::shadow .gutter .line-number.git-line-added {
border-left-width: 10px;
border-left-color: lime;
padding-left: calc(~"0.5em - 10px");
}
atom-text-editor::shadow .gutter .line-number.git-line-modified {
border-left-width: 10px;
border-left-color: yellow;
padding-left: calc(~"0.5em - 10px");
}
atom-text-editor::shadow .gutter .line-number.git-line-removed:before {
bottom: -15px;
margin-top: -15px;
border-width: 15px;
border-left-color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment