/* code sample for style */

.code {

background: #2f3842;

counter-reset: counter;

color: #6ea9e1;

font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;

letter-spacing: 1px;

}

.code__p {

margin: 0;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

.code__p::before {

counter-increment: counter;

content: counter(counter);

display: inline-block;

border-right: 1px solid #567;

padding: 0 6px 0 0;

color: #567;

width: 32px;

text-align: right;

margin: 0 6px 0 0;

font-style: normal;

}

.code__i {

margin: 0 6px;

}

.code__i--el {

color: #b5a36a;

}

.code__i--sc {

color: #63b396;

}

.code__i--re {

color: #ce987e;

padding: 0 0 0 6px;

}

.code__i--st {

color: #ff7c7c;

}

.code__i--co {

color: #83764a;

font-style: italic;

}