scss 波旁酒

Posted 2021-05-18

// First, install the ruby gems. They'll be put in HD/Library/Ruby/Gems/2.0.0/
$ sudo gem install sass
$ sudo gem install bourbon
$ sudo gem install neat
$ sudo gem install bitters

// Make a project directory with /sass en /css folder
// In sass folder, make subdir: 0-plugins
// Shell cd to 0-plugins; installeer daar de pakketjes:
$ bourbon install 
$ neat install 
$ bitters install

(bitters installeert pakketje dat base/ heet)

// in 0-plugins, maak file _plugins-dir.scss
// in _plugins-dir.scss, import de plugins:
@import "bourbon/bourbon";
@import "neat/neat";
@import "base/base";

//Opgelet: bitters heeft geen reset stylesheet, dus maak een _normalize.scss file
// en importeer die VOOR de base/base :
// kopieer code: https://necolas.github.io/normalize.css/5.0.0/normalize.css
@import "bourbon/bourbon";
@import "neat/neat";
@import "normalize";
@import "base/base";





// styles.scss importeert alle directory files:
// Import all subfolders:
@import "0-plugins/plugins-dir";
@import "1-base/base-dir";
@import "2-modules/modules-dir";
@import "3-layouts/layouts-dir";