.cg-grid {
	margin-bottom: 1rem;
	grid-gap: 0.5rem;
}
.cg-grid .cg-grid {
	margin-top: 1rem;
	margin-bottom: 0;
}

.cg-grid > * {
	background-color: #444;
	color: #fff;
	border-radius: 0.25rem;
	padding: 0.5rem;
}
.cg-grid .cg-grid > * {
	background-color: #333;
}

.no-underline {
    text-decoration: none !important;
}

.nav-item  {
    color: #fff;
}

.nav-ml {
	margin-left: 8px;
}

.nav-active {

}

/* Code
------------------------- */

pre, code {
	background: #222;
	color: white;
}

pre {
	padding: 0.8em;
	border-radius: 5px;
	white-space: pre-wrap;
}

code {
	padding: 0.2em 0.3em;
	line-height: 1.2;
	border-radius: 3px;
}

pre code {
	padding: 0;
	line-height: 1.5;
	background: none;
}

a code {
	background: #A2C;
	color: white;
}

code .string,
code .tag .value { color: #0C4; }
code .attr { color: #DC8; } /* markup attribute */
code .comment { color: #999; font-style: italic; }