Framewok responsive pour PluXml utilisant Compass / SASS
CSS PHP Ruby
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
pluxml
README.md
icon.png

README.md

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