Как привести в порядок строку CSS с рельсами?

Question

У меня есть строка CSS с символами новой строки, и я хотел бы как-то привести строку CSS в соответствие с рельсами - используя стандартные правила CSS CSS Tidying. Я не собираюсь минимизировать его, потому что хочу сохранить новые строки и отступы табуляции. Как я могу это сделать?

Answer 1

Я закончил тем, что разочаровался в рельсах и заставляю браузер выполнять всю работу с кодом javascript с помощью cssbeautify

Кажется, работает нормально, принимая строку, как это

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

превращаясь в это:

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

Обратите внимание на добавление разрывов строк, вкладок, точек с запятой в конце каждого значения и преобразование 6-значных цветовых кодов в 3, когда это возможно. Это все для удобства чтения, поэтому, возможно, имеет смысл сохранить его на стороне клиента. Я просто беспокоюсь о больших файлах CSS.