webmasterpf / cyrano-lr-susy2 Goto Github PK

// $Id: README.txt,v 1.1 02∕04∕2011

Thème RWD pour les sites de l'Association développés sous Drupal 6. Thème développé avec Sass - Compass - Susy 2 ( Update remplacement Compass par Gulp + Modules en 04/2018)

Installation de Gulp :/var/www/drupal-6/sites/all/themes/dossier_projet$ sudo npm init (création du fichier package.json + dossier node_modules) :/var/www/drupal-6/sites/all/themes/dossier_projet$ npm install gulp --save-dev

Plugin pour Gulp (permet de charger tous les plugins) :/var/www/drupal-6/sites/all/themes/dossier_projet$ npm install gulp-load-plugins --save-dev

Plugin pour Sass: npm install --save-dev event-stream gulp-util node-sass-import-once gulp-sass gulp-autoprefixer gulp-size gulp-shell gulp-notify notify-send gulp-sourcemaps typey susy node-normalize-scss gulp-plumber gulp-postcss

Vérifier versions des npm: npm-check

Installer un version precise https://stackoverflow.com/questions/15890958/how-do-i-install-a-previous-version-of-an-npm-package

!! Remplacer gulp-autoprefixer par autoprefixer pour avoir la dernière version du package.Utiliser avec PostCSS

https://github.com/at-import/breakpoint

:/var/www/drupal-6/sites/all/themes/dossier_projet$ npm install browser-sync --save-dev

dans template.php : remplacer le nom du theme dans les fonctions necessaires.

Changer le nom du fichier .info

Changer le favicon Changer le screenshot Changer le logo

dans fichiers tpl remplacer le nom du theme dans les appels d'includes

Vérifier les réglages dans le fichier config.rb Pour le thème en production, inutile d'envoyer sur le serveur les dossiers sass, fichier config.rb

Mettre a jour les images du theme

dans le terminal : user@vm-server1:~$ compass watch /PATH/TO/THEMENAMEFOLDER/

Dans la logique Mobile first, la div "content" aura 5 colonnes, si c'est un écran de bureau,elle en aura 16 dont 3 vides (prefix)

#content {
  @include span(5 of 12);
  @include susy-breakpoint($desktop) {
    @include span(13 of $desktop);
    @include prefix(3 of $desktop);
  }
}

.conteneur
    #header
        #header-inner
            .headHaut
                .logoHead
                .menuImg
            .headBas
                .site-slogan
                .headSearch
                .menuHead
    #content-global
        #left-content
        .content-top
        .content-top-node
        #content-inner
            .content-header
            .middle-content
        .content-bottom
        #right-content
    #footer
    #bloc_stats

Buttons : pour les boutons des RS, Compass Recipes : mixin css3

 @include susy-breakpoint ($mobile){}
 @include susy-breakpoint ($desktop){}
 @include susy-breakpoint ($tablet){}

Changer le code HTML dans Views