Ce site est entièrement responsive. Néanmoins, certains styles peuvent être mieux appréciés sur un écran plus grand.

Documentation

Découvrez le fonctionnement du framework Slim à travers la documenation. Tous les composants y sont abordés, et illustrés des mises en situation.

Class d'Aide

Ces class d'aide vous offrent des outils "clé en main" pour modifier rapidement vos designs sans avoir à toucher au CSS de votre site. Elles sont conçu pour répondre à une approche DRY pour CSS.

Largeur width-xxx

.width-100
.width-90
.width-80
.width-75
.width-70
.width-66
.width-65
.width-60
.width-50
.width-40
.width-35
.width-33
.width-30
.width-25
.width-20
.width-10
<div class="bg-demo-width width-100">.width-100</div>
<div class="bg-demo-width width-90">.width-90</div>
<div class="bg-demo-width width-80">.width-80</div>
<div class="bg-demo-width width-75">.width-75</div>
<div class="bg-demo-width width-70">.width-70</div>
<div class="bg-demo-width width-66">.width-66</div>
<div class="bg-demo-width width-65">.width-65</div>
<div class="bg-demo-width width-60">.width-60</div>
<div class="bg-demo-width width-50">.width-50</div>
<div class="bg-demo-width width-40">.width-40</div>
<div class="bg-demo-width width-35">.width-35</div>
<div class="bg-demo-width width-33">.width-33</div>
<div class="bg-demo-width width-30">.width-30</div>
<div class="bg-demo-width width-25">.width-25</div>
<div class="bg-demo-width width-20">.width-20</div>
<div class="bg-demo-width width-10">.width-10</div>

Resize

Maitrisez le redimensionnement d'un élément avec les classe d'aide resize. Ce type de class s'applique généralement au textarea, mais il est possible de gérer le redimentionement de n'importe quel élément.

La propriété resize ne s'applique pas aux éléments blocs dont la propriété overflow vaut visible.

<textarea name="" id="" rows="4" class="input no-resize"></textarea>
.no-resize

L'élément ne propose pas de méthode de redimensionnement pour l'utilisateur.

.resize-both

L'élément affiche un dispositif permettant de redimensionner l'élément horizontalement et verticalement.

.resize-horizontal

L'élément affiche un dispositif qui permet de redimensionner l'élément horizontalement.

.resize-vertical

L'élément affiche un dispositif qui permet de redimensionner l'élément verticalement.