/* =========================================================
   code.css : Blocs de code et coloration syntaxique
   ========================================================= */

/* ===== Code ===== */
.col-md-9 code {
	color: var(--accent-2);
	background: var(--code-inline-fond);
	padding: 0.1rem 0.35rem;
	border-radius: 5px;
	font-size: 0.88em;
}
.col-md-9 pre {
	background: var(--fond-bloc) !important;
	border: 1px solid var(--bordure);
	border-left: 3px solid var(--info);
	border-radius: 10px;
	padding: 0.9rem 1.1rem;
}
.col-md-9 pre code {
	color: var(--texte);
	background: transparent !important;
	padding: 0;
	font-size: 0.9em;
}

/* coloration syntaxique, par-dessus le thème de highlight.js */
.col-md-9 pre code .hljs-comment,
.col-md-9 pre code .hljs-quote {
	color: var(--code-commentaire);
	font-style: italic;
}
.col-md-9 pre code .hljs-keyword,
.col-md-9 pre code .hljs-selector-tag,
.col-md-9 pre code .hljs-literal,
.col-md-9 pre code .hljs-type {
	color: var(--code-mot-cle);
}
.col-md-9 pre code .hljs-built_in,
.col-md-9 pre code .hljs-title,
.col-md-9 pre code .hljs-section,
.col-md-9 pre code .hljs-name,
.col-md-9 pre code .hljs-tag,
.col-md-9 pre code .hljs-selector-class,
.col-md-9 pre code .hljs-selector-id {
	color: var(--code-commande);
}
.col-md-9 pre code .hljs-string,
.col-md-9 pre code .hljs-regexp,
.col-md-9 pre code .hljs-symbol {
	color: var(--code-texte);
}
.col-md-9 pre code .hljs-number,
.col-md-9 pre code .hljs-variable,
.col-md-9 pre code .hljs-template-variable,
.col-md-9 pre code .hljs-attr,
.col-md-9 pre code .hljs-attribute,
.col-md-9 pre code .hljs-params {
	color: var(--code-nombre);
}
.col-md-9 pre code .hljs-meta,
.col-md-9 pre code .hljs-meta .hljs-keyword,
.col-md-9 pre code .hljs-subst {
	color: var(--code-meta);
}