Witam

Poszukuję programu/skryptu/strony umozliwjającego "poprawienie" kodu CSS, a dokładniej dostosowanie go do moich potrzeb.

Załóżmy mam taki kod CSS:

[CSS] pobierz, plaintext 
.warstwa_a, .warstwa_b, .warstwa_c{
	display: block;
	padding: 10px;
}
.warstwa_a{
	color: #fff
}
.warstwa_b{
	margin: 10px
}
[CSS] pobierz, plaintext 

chciałbym aby wyglądał tak:

[CSS] pobierz, plaintext 
.warstwa_a{
	color: #fff;
	display: block;
	padding: 10px;
}
.warstwa_b{
	margin: 10px;
	display: block;
	padding: 10px;
}
.warstwa_c{
	display: block;
	padding: 10px;
}
[CSS] pobierz, plaintext 

Czyli bloki przypisane do kilku warstw zostały rozbite i przypisane do już istniejących lub zapisane jako osobne bloki.

Z góry dzięki za pomoc.

parę luźnych pomysłów:
jakby wziąć skądś parser CSS (w formie biblioteki programistycznej), to by zadanie było dziecinne proste -
można było się przelecieć w pętli po deklaracjach i poprzenosić je, a potem wygenerować ponownie CSS...
Tu jest coś takiego: https://github.com/reworkcss/css-parse (zamienia CSS na obiekt JavaScriptu)
Albo http://google.com/?q=css+parser+library

Inny pomysł, to jakaś wtyczka do edytora, tu jest coś takiego:
https://sublime.wbond.net/packages/CleanCSS

ale nie wiem czy posiada ona funkcję, o jakiej mówisz.

Inny pomysł, to użycie SASS albo LESS ale to raczej na poziomie projektu a nie modyfikacji istniejącego juz kodu.

edit: chociaż niekoniecznie. Sam LESS ma opcje parsera:
http://lesscss.org/#using-less-usage-in-code
tylko wtedy trzeba byłoby się przedzierać przez drzewko składni, które by wygenerował parser (ale pod console.log można sobie podejrzeć co generuje).

Dzięki za linki.
Chyba najłatwiej będzie napisać własny system do tego :-)