¿Cómo ordenar una cadena CSS con rieles?

Question

Tengo una cadena de CSS con nuevos caracteres de línea y me gustaría ordenar la cadena CSS con rieles de alguna manera, utilizando reglas de orden CSS estándar. No estoy buscando minificarlo porque quiero preservar las nuevas líneas y las pestañas. ¿Cómo puedo hacer esto?

Answer 1

Terminé renunciando a los rieles y estoy haciendo que el navegador haga todo el trabajo con el código JavaScript usando cssbeautify

Parece funcionar bien tomando una cadena como esta

.selector{font-family: verdana; color: #ffffff}

convertirse en esto:

.selector {
    font-family: verdana;
    color: #fff;
}

Tenga en cuenta la adición de descansos de línea, pestañas, semicolones al final de cada valor y la conversión de códigos de color de 6 caracteres en 3 cuando sea posible. Todo esto es para la legibilidad, por lo que tal vez tenga más sentido mantenerlo en el lado del cliente. Solo me preocupo por los grandes archivos CSS.