This codebase is no longer supported. Please use https://github.com/vanilla-framework instead.
HTML CSS JavaScript Shell
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
scss
.gitignore
.install_dependencies.sh
.scss-lint.yml
README.md
gulpfile.js
package.json

README.md

Ubuntu vanilla theme for Vanilla framework

A extension of Vanilla framework, written in Sass.

Local usage

Install the Node package into your project:

npm install ubuntu-vanilla-theme  # Installs the theme with the framework within

Configure Sass import paths.

Composer:

add_import_path "node_modules"

Gulp:

gulp.task('sass', function() {
    return gulp.src('[your-sass-directory]/**/*.scss')
      .pipe(sass({
        includePaths: ['node_modules']
      }))
});

Then reference it from your own Sass file that is built to generate your sites CSS:

// Import the theme
@import "ubuntu-vanilla-theme/scss/theme";
// Run the theme
@include ubuntu-vanilla-theme;

You can override any of the settings in _global-settings.scss.

Notes

You may find that after upgrading Node you get an error message like;

throw new Error('"libsass" bindings not found. Try reinstalling "node-sass"?');

This can be resolved by installing then reinstalling node-sass;

  npm uninstall --save-dev gulp-sass
  npm install --save-dev gulp-sass@2

Code licensed LGPLv3 by Canonical Ltd..