Парсер css на js

[bio]

Есть css в виде текста:

.title {
  font-size: 13px;
}

.amount {
  background-image: linear-gradient(to bottom, #d84436 0%, #e94c3d 100%);
}

.total {
  background-image: linear-gradient(to bottom, #e94c3d 0%, #d84436 100%);
}

Нужно вытащить селектор и свойство, только если у селектора есть свойство с градиентом.
Подскажите как реализовать наиболее поизводительнее так как число строк может достигать до 10 000.

[Octane]

Если это на клиенте необходимо сделать, можно ничего не парсить, а создать iframe, подключить там CSS файл и пройтись по свойствам:

document.styleSheets[i].rules[j].cssText.indexOf('linear-gradient')

[bio]

document.styleSheets не подходит так как нужна поддержка IE8+, а он(IE) вырезает не стандартные значения свойств.

[Aetae]

Если грубо то примерно так:

<script>var css = function(){/*
.title {
  font-size: 13px;
}

.amount {
  background-image: linear-gradient(to bottom, #d84436 0%, #e94c3d 100%);
}

.total {
  background-image: linear-gradient(to bottom, #e94c3d 0%, #d84436 100%);
}
*/}.toString().replace(/^.*[\n\r]+|[\n\r]+.*$/g,'');

var arr = css.match(/[^}]+?\{[^}]+?linear-gradient[^}]+}/g);

alert(arr.join('\n'))</script>

А тонко и вручную - это вам самостоятельно надо будет делать.