@trafilea/shapermint-components

Shapermint Design System

Usage no npm install needed!

<script type="module">
  import trafileaShapermintComponents from 'https://cdn.skypack.dev/@trafilea/shapermint-components';
</script>

README

Shapermint Components

License NPM Version Documentation Semantic Release Commitizen friendly

This is the Shapermint component library | https://trafilea.github.io/shapermint-components

Table of content

Installation

Use npm to install shapermint components

npm install @trafilea/shapermint-components @fortawesome/fontawesome-pro

Or if you are using yarn...

yarn add @trafilea/shapermint-components @fortawesome/fontawesome-pro

Usage

Import fontawesome pro sass files

@import "node_modules/@fortawesome/fontawesome-pro/scss/variables";
@import 'node_modules/@fortawesome/fontawesome-pro/scss/mixins';
@import 'node_modules/@fortawesome/fontawesome-pro/scss/core';
@import "node_modules/@fortawesome/fontawesome-pro/scss/icons";
@import "node_modules/@fortawesome/fontawesome-pro/scss/light";
@import "node_modules/@fortawesome/fontawesome-pro/scss/brands";

Import shapermint components styles

// -----------------------------------------------------------------------------
// Shapermint Components
// -----------------------------------------------------------------------------
@import 'node_modules/@trafilea/shapermint-components/scss/vendor/vendor';
@import 'node_modules/@trafilea/shapermint-components/scss/variables';
@import 'node_modules/@trafilea/shapermint-components/scss/helpers/mixins';
@import 'node_modules/@trafilea/shapermint-components/scss/helpers/functions';
@import 'node_modules/@trafilea/shapermint-components/scss/helpers/animations';
@import 'node_modules/@trafilea/shapermint-components/scss/atoms/buttons';