@atavik/icon v1.0.1

@atavik/icon

Atavik Design System - Atavik specific CSS styles for icons

Install package

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

# with npm
npm i -S @atavik/icon

# with yarn
yarn add @atavik/icon

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/icons/dist/icon.css';

Otherwise include it in your HTML file:

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

Development

For example:

<i class="atk-icon-user" aria-hidden="true"></i>

Using webpack (webpack.config.js):

Import in your Sass file :

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

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

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