eleMMEntal – simple CSS Framework

eleMMEntal es un framework de diseño responsivo CSS . Fue creado en Multimedia Efectiva dado que no encontramos un framework con lo mínimo indispensable para poder maquetar una interfase web, sin agregados ni adornos ni dependencias de JS. Este framework cumple su cometido al contener en pocas lineas el mínimo código necesario para maquetar una interfase web responsiva.

En Multimedia Efectiva lo usamos en las interfases de administración de los plugins de WordPress que desarrollamos, como MME Real Estate.

Sintaxis básica

<div class="elemmental-grid">
    <div class="elemmental-row">
        <div class="col-6">
          <p>Contenido</p>
        </div>
        <div class="col-6">
          <p>Contenido</p>
        </div>
    </div>
</div>

Ejemplo de uso

Borders

col-1

col-1

col-1

col-1

col-1

col-1

col-1

col-1

col-1

col-1

col-1

col-1

col-2

col-2

col-2

col-2

col-2

col-1

col-1

col-3

col-3

col-3

col-2

col-1

col-4

col-4

col-2

col-1

col-1

col-6

col-4

col-1

col-1

col-8

col-2

col-1

col-1

col-9

col-2

col-1

col-5

col-5

col-5

col-5

col-5

col-1

col-9

col-2

col-2

col-2 segundo renglón rebasado

col-9
Button

col-1

col-1 segundo renglón rebasado

col-5-2

gears

col-5-2

Col1 Col2
data1 data2
data1 data2
data1 data2
data1 data2

col-5

gears

col-4 panel

col-4

col-4

Footer 12

Etiquetas de esta entrada:

css, Diseño web, Wordpress