Basic Sass code when doing front end stuff for @kollegorna
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
scss
sketch
styleguide
.gitignore
README-DESIGNSYSTEM.md
README.md
bower.json
package.json

README.md

Kollegorna Design System

This is a primer for developing web stuff for Kollegorna. It contains basic typography, colors and other variables.

Using in an application

Install via Bower:

$ bower install kollegorna/design-system --save

See README-DESIGNSYSTEM.md for more specific info.

Local setup for viewing or developing

We've setup a style guide using Middleman which should be used when previewing or developing the design system.

  1. Install Bundler and Node.js.
  2. $ git clone git@github.com:kollegorna/design-system.git
  3. $ cd design-system/styleguide
  4. $ npm install
  5. $ gulp install

Gulp commands

  • $ gulp install
    • Runs: bundle install and bower install
  • $ gulp serve
    • Builds Middleman and create a browser-sync server
  • $ gulp build
    • Builds Middleman