NYPL Digital Design Toolkit
Design toolkit (SASS) for the NYPL Digital team
Viewing documentation locally
Setting up Jekyll
- Install Jekyll Enter
gem install jekyll bundlerin your terminal.
- Change directories to the
bundle installto install necessary gems.
bundle exec jekyll serveto compile and watch the site as well as start a local server. Or just run
- Navigate your favorite internet browser to http://127.0.0.1:4000/design-toolkit/
Compiling SCSS to CSS with Gulp or SASS CLI
To view, edit and complie
gulp: Make sure you have Node.js installed and up to date. From the root of the project run
npm i. This will install the
gulpis installed, from the root, run
gulp. This will compile your
cssand place them in the correct directory.
- You can choose to run
gulp watch, this command will actively watch the correct directory and complie files on save.
b. Alternately you can run / compile
sassdirectly (no Gulp required), via its CLI.
- From the root of the project run:
sass --watch sass:css/docs.
Have a milkshake. 🥛