Sistema de diseño de cuadrícula adaptable mínimo con CSS puro-lemonade. CSS

Tiempo de ejecución: 30 minutos. Empezar

Autor: dope
Views Total: 2,634
Sitio oficial: Ir a la web
Actualizado: February 7, 2016
Licencia: MIT

Vista prévia

Sistema de diseño de cuadrícula adaptable mínimo con CSS puro-lemonade. CSS

Descripción

Limonada. CSS es una librería CSS/LESS/SCSS súper pequeña que te ayuda a crear un diseño de cuadrícula flexible y totalmente receptivo & con facilidad.

Funcionamiento

Incluya el lemonada. CSS requerido en la sección Head de su página web.

<link rel="stylesheet" href="css/lemonade.css">

Cree un diseño de cuadrícula de varias columnas siguiendo la estructura HTML como esta:

<div class="frame">

<div class="bit-1">


<div class="box">1</div>

</div>
</div>

<div class="frame">

<div class="bit-2">


<div class="box">1/2</div>

</div>

<div class="bit-2">


<div class="box">1/2</div>

</div>
</div>

<div class="frame">

<div class="bit-3">


<div class="box">1/3</div>

</div>

<div class="bit-3">


<div class="box">1/3</div>

</div>

<div class="bit-3">


<div class="box">1/3</div>

</div>
</div>

...

El CSS de ejemplo para el estilo de los cuadros de cuadrícula.

.box {

text-align: center;

background: #27ae60;

color: #fff;

padding: 15px 0 15px 0
}

Registro de cambios

02/07/2016

  • Limpieza

Te puede interesar: