dbn stylekit

Collection of utilites written in scss.

How to use

Install package

npm i --save-dev @dareksob/stylekit

// or with yarn
yarn add --dev @dareksob/stylekit

Import kit to your scss file

@import '@dareksob/stylekit/src/generic';

Versions

You have 3 options to integrate the kit to your setup.

• generic
• foundation
• bootstrap

The generic file has a base version of the breakpoint mixin.

Overview of version

| Version | Use for | |---|---| | Generic | To use for setup without foundation | | Foundation | To use with foundation-sites | | Bootstrap | To use with bootstrap 4 |

::: warning

The bootstrap version not in focus

:::

content

Inside the /* you can all include files

Inside the /functions/* you have all function tools

Inside the /mixin/* you have all helper mixin

Inside the /capsules/* you find the basic abstraction tools to use it without a framework

Inside the /foundation/* and /bootstrap/* for the framework setup

functions

value

to get value by breakpoint.

$values: (10px 30px 50px);
$value: value($values, small); // 10px;

WIP