@atavik/buttons v1.0.7

@atavik/buttons

Atavik Design System - Atavik specific CSS styles for buttons

Install package

After installing npm or yarn, you can install @atavik/buttons with this command:

# with npm
npm i -S @atavik/buttons

# with yarn
yarn add @atavik/buttons

Usage

Once you have installed this package, you just have to import CSS styles!

With a bundler that supports CSS imports in JS files:

import '@atavik/buttons/dist/buttons.css';

Otherwise include it in your HTML file:

<link rel="stylesheet" href="./node_modules/@atavik/buttons/dist/buttons.min.css"/>

Development

For example:

<button class="btn btn-primary btn-medium">Button Primary</button>

Using webpack (webpack.config.js):

Import in your Sass file :

@import '~@atavik/buttons/buttons.scss'

Don't forget to set SassOptions in your sass-loader

//
{
  loader: 'sass-loader',
  options: {
      sourceMap: true,
      sassOptions: {
          includePaths: [path.resolve('./node_modules')]
      }
  }
},
//