Adaptando cssList a tus necesidades

Para mejorar la productividad al usar cssList para notepad++ es conveniente hacer algunos cambios en los archivos incluidos en el directorio cssList (directorio de plugins de notepad++\cssList)
  • cssProperties.txt

    Este archivo de texto es el que genera el listado que se despliega al pulsar en la primera columna de las propiedades del selector actual, cada valor irá en una línea sin espacios en blanco, opcionalmente seguido por dos puntos (:) y un identificador de lista de posibles valores definidos en cssLists.txt. Podemos borrar las propiedades que no usemos, por ejemplo si usamos las shorthand de border en vez de border-style, border-width y border-color, podemos borrar estas tres propiedades de cssProperties.txt limitando asi la cantidad de valores que mostramos en el listado.
  • cssLists.txt

    Algunos valores para propiedades css son listas de las que solo podemos elegir un elemento, por ejemplo para display podemos elegir entre none, box, block, flex etc… o para border-style entre none, hidden, dotted, dashed etc…. Para estos casos podemos crear una variable en el archivo cssLists.txt y vincularla a una propiedad en el archivo cssProperties.txt. El nombre de la variable debe empezar con el prefijo “list” seguido del nombre que queramos, los valores para la lista los pondremos a continuación del signo “:” (dos puntos) e irán separados por el signo “|”. por ejemplo, la lista de valores para background-attachment quedaría de la siguiente manera:
    listBgAttach:scroll|fixed|inherit
    . Para vincularla a la propiedad background-attachment en cssProperties.txt pondríamos a continuación del nombre de la propiedad el nombre de la variable de lista separado por dos puntos:
    background-attachment:listBgAttach
  • cssGroups.txt

    En este archivo definimos las relaciones entre propiedades que van a tener el mismo valor, normalmente en propiedades que no siguen el estandar y tienen distintos nombres de propiedad para cada navegador, un ejemplo es border-radius, por compatibilidad tenemos que definirla en nuestra hoja de estilos como border-radius, -moz-border-radius y -webkit-border-radius, las tres con el mismo valor. Para que al modificar uno de los valores se actualice en las otras dos propiedades añadiremos una línea en cssGroups.txt con todos los nombres unidos por el signo “+”, en este caso sería:
    border-radius+-moz-border-radius+-webkit-border-radius

2 thoughts on “Adaptando cssList a tus necesidades

  1. I did not found the download link. Can you guide me?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *