Organización de clases

Al contrario de otros sistemas que en un solo archivo css almacenan todas las funcionalidades y características a aplicar, muchas de ellas entrelazadas entre sí; me he enfocado en agrupar las características en tres archivos, cada uno con distinto propósito.

layout image
layout
Son los encargados de la distribuición de los contenidos o estructuración visual.
typo image
typo
Encargados de tipos de letra, dimensiones, transformaciones, espaciado.
effects image
effects
Colores, bordes, transparencias.

Existe un cuarto archivo css que contiene formatos específicos, siendo siteup.css para el panel de control del administrador o custom.css para la página principal.

Estos archivos se encuentran el subdirectorio css/ y pueden ser utilizados de manera independiente para uso de diseño responsivo.

Notación

Se ha establecido la siguiente notación para clases:

tipo - dimensión modificador - auxiliar
tipo
Colores, bordes, transparencias.
dimensión
Opcional; si afecta o no a una dimensión en particular.
modificador
Opcional; forma en que afecta al tipo seleccionado.
auxiliar
Opcional; subclase de afectación.

Así, las siguientes opciones son válidas:

.col
Definición de columna.
.text-mleft
Definición de texto orientado a la izquierda en pantallas medianas y superiores.
.table-list
Definición de tabla de tipo listado.

Librerías externas

Dentro del subdirectorio lib/ se encuentran algunas otras librerías externas:

normalize.css
Colores, bordes, transparencias.