zen 6.4

création sous theme avec drush

Source : https://www.drupal.org/node/2710573

drush en zen -y
drush zen "Amazing name"                Create a sub-theme in the specified
 --path=sites/default/themes             directory with a custom description.
 --description="So amazing."

drush vset theme_default myzen

conf additionnelle

Les taches sont lancées par  Gulp.js (libSass et node-sass, scss-lint, eslint...)

Installer Node.js et npm (le manageur de paquet de Node.js)

cd site/themes/monzen

Zen n'utilise plus les (lents) outils Ruby Sass / Compass pour construire les CSS. L'équipe Zen a développé un lanceur de tâches  Gulp.js qui utilise les libSass zippés avec des vitesses de compilations améliorées. Un simple gulp watch et ca marche. Les grilles zen sont aussi incluses.

créer un sous theme (avec drush), aller dans le dossier du sous-theme:
BUNDLE_GEMFILE="MyProject/Gemfile.ios" bundle install
npm install
npm install -g gulp-cli

Dans gulpfile.js changer la ligne: options.drupalURL = 'http://localhost';

gulp watch

 

Style guide

fonctionne avec

admin/config/user-interface/styleguide-palette/edit pour ajouter couleur

 

Chez moi: best practices à compass et ex

Plus sur le web

https://www.drupal.org/project/issues/search/zen

https://www.youtube.com/watch?v=y5coJloNutU
Sass techniques and tools https://www.drupal.org/node/1913280

Zen 7.x-6.x Style Guide http://johnalbin.github.io/zen-style-guide/styleguide/section-base.html

 

http://compass-style.org/examples/compass/css3/background-clip/
http://compass-style.org/examples/

logo drush