1Kb responsive CSS Framework-Lit. CSS

Vista prévia

Descripción

Lit. CSS es un marco de CSS mínimo (menos de 1Kb minificado) para ayudarle a crear una aplicación web bastante limpia y receptiva.

Funcionamiento

Instale el Lit. CSS.

# NPM
$ npm install lit --save

Importa el Lit. CSS en tu documento.

<link rel="stylesheet" href="dist/lit.css">

Cree un diseño de cuadrícula adaptable.

<div class="example-grid">

<div class="row">



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



<div class="11 col">11 col</div>

</div>

<div class="row">



<div class="2 col">2 col</div>



<div class="10 col">10 col</div>

</div>

<div class="row">



<div class="3 col">3 col</div>



<div class="9 col">9 col</div>

</div>

<div class="row">



<div class="4 col">4 col</div>



<div class="8 col">8 col</div>

</div>

<div class="row">



<div class="5 col">5 col</div>



<div class="7 col">7 col</div>

</div>

<div class="row">



<div class="6 col">6 col</div>



<div class="6 col">6 col</div>

</div>
</div>

Cree una tabla HTML adaptable y multiplataforma.

<table class="w-100">

<thead>



<tr>





<th>Name</th>





<th>Feature Parity (compared to lit)</th>





<th>Size (bytes)</th>



</tr>

</thead>

<tbody>



<tr>





<td>lit</td>





<td>Full</td>





<td>450</td>



</tr>



<tr>





<td>Skeleton</td>





<td>Full</td>





<td>1650</td>



</tr>



<tr>





<td>Milligram</td>





<td>Mostly, missing blockquote and clear buttons</td>





<td>2240</td>



</tr>



<tr>





<td>Min</td>





<td>Mostly, missing navbar and messages</td>





<td>955</td>



</tr>



<tr>





<td>Pure</td>





<td>Decent, but Pure has more options per element</td>





<td>3910</td>



</tr>



<tr>





<td>Furtive</td>





<td>Decent, but Furtive has many utility classes and media objects</td>





<td>2470</td>



</tr>



<tr>





<td>Basscss</td>





<td>Decent, but Basscss is atomic based, difficult to compare</td>





<td>2220</td>



</tr>

</tbody>
</table>

Visite la página de demostración para obtener información.

Registro de cambios

10/21/2018

• v1.1.0