/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view
{
	// background-color: red;
}
.tree-view-open-files
{
	overflow: initial;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor
{
	// color: white;
	background-color: white;
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor
{
	// border-color: red;
}

atom-text-editor::shadow .selection .region
{
	background-color: rgba(110, 190, 120, 0.33);
}

atom-text-editor, atom-text-editor::shadow
{
	// Box
	.highlights .highlight-selected .region
	{
		border-color: rgb(120, 200, 130);
		background-color: rgba(120, 200, 130, 0.11);
	}
}

/* The rule for normal highlights */
.minimap .highlight-selected
{
	background: red;
}

/* The rule for selected highlights */
.minimap .highlight-selected.selected
{
	background: pink;
}

#linter-inline
{
	background: #FFE000;
	color: #FF0050;

	.badge.badge-flexible
	{
		font-size: 1.1em;
	}
}