Skip to content

wvuweb/wvu-design-system

Folders and files

NameName
Last commit message
Last commit date
May 29, 2019
May 29, 2019
May 29, 2019
May 29, 2019
May 28, 2019
May 29, 2019
Apr 8, 2019
May 23, 2019
May 28, 2019
May 27, 2019
May 28, 2019
May 29, 2019

Repository files navigation

WVU Design System

Description: WVU Design System.

Developers name(s): Adam Glenn

Github repository URL: https://github.com/wvuweb/wvu-design-system

Documentation website URL: https://designsystem.sandbox.wvu.edu

Dependencies necessary to work with this theme: Sass.

WVU Design System & Gulp

Requirements

You will need to install Node ^8.9.4.

  1. Download and install NodeJS from https://nodejs.org/en if you haven't already.
  2. Install Gulp globally by entering npm install -g gulp in your terminal.
  3. Navigate to your project's directory via terminal (something like cd ~/Sites/cleanslate_themes/MY-SITE)
  4. Install node modules by typing npm install
  5. Run Gulp by typing gulp.

Note: the gulpfile.js in its base form will only compile your Sass.

WVU Design System and CleanSlate

If you are building a theme for CleanSlate, you can use partials to include components. These are stored in a global theme called WVU Design System Components. Make sure to reference the this theme if you want to use a global partial. For example, to include a Hero component, you would use the partial <r:partial name="components/wvu-hero" theme="University Relations: WVU Design System" />. If you don’t want to use a global partial, you can create your own. For more about how to build themes in CleanSlate, check out https://cleanslatecms.wvu.edu.

Testing for CleanSlate

If you are building a theme for CleanSlate, test your themes locally using Hammer VM.