selectores - ¿Ordenar las propiedades CSS en un orden arbitrario?

selectores css

Question

Me gustaría ordenar por programación todas las declaraciones / propiedades (no los bloques de declaración en sí, sino las declaraciones individuales dentro de cada bloque) en una hoja de estilo en un orden arbitrario.

He podido encontrar varios métodos en línea para ordenar las declaraciones en orden alfabético, o revertir en orden alfabético, o incluso por la longitud de la cadena, pero esto no me sirve porque esos métodos de clasificación son esencialmente sin sentido. En su lugar, me gustaría clasificar de acuerdo con la forma en que personalmente pienso en las reglas de CSS, que coloca primero las declaraciones estructurales, seguidas de las declaraciones de texto, seguidas de las declaraciones de fondo, etc.

Como ejemplo, en caso de que no esté claro, supongamos que tengo una hoja de estilo que contiene lo siguiente:

#someid {
    font-size: 200%;
    background-color: #000000;
    color: #ffffff;
    padding: 4px 8px;
}

Me gustaría poder clasificar esto en algo como:

#someid {
    padding: 4px 8px;
    color: #ffffff;
    font-size: 200%;
    background-color: #000000;
}

¿Alguien sabe de una herramienta que me permita crear una especie de plantilla que defina el orden exacto en el que quiero que estén las propiedades y luego aplicarlas para lograr algo como lo anterior? ¿O sería esto fácil de hacer a través de, digamos, un paquete TextMate?

Espero que esta no sea una pregunta ridícula. :) ¡Salud!

Answer 1

Puede encontrar que puede hacer esto a través de un proyecto como sass .

Answer 2

Quizás podrías buscar en http://www.codebeautifier.com/ . Hay un montón de opciones que puede elegir entre ...

... pero eso no encaja muy bien con lo que estás buscando. También existe la opción de definir su propia plantilla ...

... sin embargo, no sé muy bien cómo funciona. Espero que esto sea útil.