Using Basis Project (Starter Kit)

$ git clone
$ cd starter-kit
$ yarn install
$ yarn start

Using Yarn

Installs Basis

$ yarn install sass-basis

Imports Basis your Sass/SCSS.

/* If you want to use Basis classes */
@import node_modules/sass-basis/src/css/basis;

/* If you want to use Basis mixins only */
@import node_modules/sass-basis/src/css/basis-core;

Imports JavaScripts ( Require jQuery )

import 'node_modules/sass-basis/src/js/basis.js';

Download from GitHub

Download the basis from

Imports Basis your Sass/CSS.

/* If you want to use Basis classes */
@import basis/src/css/basis;

/* If you want to use Basis mixins only */
@import basis/src/css/basis-core;

or Just this link.

<link rel="stylesheet" href="basis/dist/css/basis.min.css">

Loads JavaScripts

<script src="basis/dist/js/basis.min.js"></script>

Sample for using classes

<a class="_c-btn _c-btn--block">Btn</a>

Sample for using abstracts

.c-btn {
  @include _c-btn((
    background-color: #fff,
    border: 1px solid #ddd,

  &--block {
    display: block;
<a class="c-btn c-btn--block">Btn</a>


Support IE9 ( Not perfect )

<!--[if lt IE 10]>
<link rel="stylesheet" href="node_modules/sass-basis/dist/css/plugin/basis-ie9/basis-ie9.min.css" />

And support IE8 ( Not perfect )

<!--[if lt IE 9]>
<script src="node_modules/html5shiv/dist/html5shiv.js"></script>

If you are Sass/SCSS user and you want to use only mixins, importing this file.

@import node_modules/sass-basis/src/css/basis-core;