Skip to content

psd-html/Framework-responsive-PluXml

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 

Repository files navigation

Framework SASS responsive PluXml

Le framework n'utilise pas de js, moins de 7ko pour le fichier style.css

Le dossier contient:

  • Un dossier SASS pour editer facilement le style.css
  • Utilisation d'une grille responsive et d'une navigation
  • Fichier full-width pour la page article et page statique
  • Utlisation de la police Web symbols
  • Maquette HTML5 et CSS3 validation W3C
  • Mixins Animate

Version

1.4

Edition du fichier style.sass

/* Reset et importation des mixins CSS */
@import "compass";
@import "reset";


/* @include animate(animation-name, animation-duration, animation-delay); */
/* voir le projet et instruction: https://github.com/simko-io/animated.sass/blob/master/README.md */
@import "animated";

@include animation(bounce-in-right); /* pour le bloc sidebar */
@include animation(fade-in); /* pour la partie section*/


/* Largeur, espace entre les blocs et nombre de blocs */
$wrap: 1160px;
$gutter: 20px;
$bloc: 12;
$max-width: 768px;
$police: "Helvetica Neue", sans-serif;
$size: 16px;

$primaire: #666;
$secondaire: #ccc;


/* importer les éléments du style */
@import "fonts";
@import "body";
@import "header";
@import "sidebar";
@import "form";
@import "footer";
@import "grid";

Démo et tutoriel sur http://libertea.fr

About

Framewok responsive pour PluXml utilisant Compass / SASS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published