B@rmaley.e><e

Это всё ваш clearfix, который .item:after

Можно использовать другой: https://jsfiddle.net/nhp9cgg7/

Я не дизайнер, а программист, поэтому напишу немного с программистской точки зрения:
Как я понимаю, основной профит модели с выделенной компонентой lightness, например, заключается в возможности легко её варьировать. Т.е. если Вы задаёте цвет в RGB, то задать его же, но чуть темнее довольно сложно, а в моделях с выделенной яркостной составляющей гораздо проще.

Например: возьмём цвет #79D312. Ему соответствует HSL(88, 84, 45). Если мы увеличим lightness на 5, то получим #86EA14, что даже не близко к исходному RGB значению.

Соответственно, принцип работы приведённой Вами строки весьма прост — это затемнение исходного цвета.

#container {
    margin-left: 100px;
}

.special {
    position: relative;
}

.special:before {
    content: '[x]';
    position: absolute;
    left: -30px;
}

Если нужно сохранить читабельность кода, можно задать ul'у font-size:0 (и, может быть, что-нибудь еще из той же категории) и восстановить его для li.