Installation

Install via NPM

npm install @tcu/cornerstone-source

What’s Included

css/
  |—— legacy.min.css
  |—— style.min.css
scss/
  |—— foundation/
  |—— legacy/
      |—— globals/
      |—— layout/
      |—— elements/
      |—— modules/
          |—— card/
          |—— hero/

Applying Cornerstone Source to a Project

1. Include styles

How you include the styles from Cornerstone Source depends on your framework and build process. Here we include setup instructions for gulp, sass, and using cornerstone-source as an npm dependency.

If you are using gulp-sass which makes use of node-sass, update your (includePath)[https://github.com/sass/node-sass#includepaths] to include the node_modules directory.

  // Gulpfile.js
  const sass = require('gulp-sass');

  return src(['./_src/scss/style.scss'])
    .pipe(sass({
      includePaths: ['node_modules']
    }).on('error', sass.logError))

From there, you can @import any of the files in @tcu/cornerstone-source/scss within your project.

2. Include fonts

<link href="https://fonts.googleapis.com/css?family=Oswald%7CSource+Sans+Pro:400,700%7CPlayfair+Display:400,700&display=swap" rel="stylesheet">

Using Components

Configuration

Resources

Dependencies

Connect

Submitting an issue

Submitting a pull request