Crumpet, nouvelle framework SASS/SCSS délicieusement simple

Crumpet est une nouvelle framework SASS/SCSS délicieusement simple. Crumpet a l’avantage de garder votre code HTML propre et de ne pas se mettre en travers de votre travail. Elle a été pensée et réalisée pour pouvoir utiliser des conteneurs, afin de réduire la taille de votre code HTML.

Vous pourrez donc, avec cette framework, créer des modèles de sites responsives rapidement.

Tout le code de Crumpet est commenté et vous donnes les instructions pour l’utiliser, vous permettant donc de gagner du temps lors de la prise en main.

L’utilisation est simple :

Code HTML

Commencer par créer un conteneur, et ajoutez lui des colonnes :

<div class="container">
    <div class="row">
        <div class="col super-fresh">
            So fresh, so clean
        </div>
        <div class="col super-dope">
            I'm dope
        </div>
    </div>
</div>

Utilisation de la grille

Tout ce que vous avez à faire est d’ « @extend » un sélecteur de conteneur dans une classe. Vous pourrez également réaliser de nombreuses fonctions utiles, comme masquer une colonne en fonction de la taille du viewport par exemple. Pour pourrez vous rendre compte de tout ça dans le code du fichier settings.scss.

.super-fresh {
    @extend %grid-5;
    @extend %tablet_grid-4;
    @extend %mobile_grid-2;
}

.super-dope {
    @extend %grid-7;
    @extend %tablet_grid-8;
    @extend %mobile_grid-10;
}

Si vous souhaitez en savoir plus, rendez-vous sur le site de Crumpet.

Mat_

Au départ on sort avec un diplôme d’ingénieur de l’ESIL (devenu Polytech’Marseille) en Informatique, réseau et multimédia, spécialisé dans les Systèmes d’Informations et Services E-Business. En même temps on bosse, on développe, on apprend. Et maintenant on entreprend.Passionné de nouvelles technologies, et évangéliste de WordPress, j’aime découvrir, tester, rechercher.

Vous aimerez aussi...

Suivez Kune.fr sur les réseaux sociaux !

Kune.fr est votre site de ressources web. Vous y trouverez de nombreux outils utiles pour le web.
Alors n'hésitez plus, aimez notre page !

  • Ressources Wordpress, tutoriels, plugins et thèmes
  • Ressources design, packs d'icônes, kits UI ...
Fermer cette popup
%d blogueurs aiment cette page :