Overview

Flexboot is flexbox based css only framework. It helps you to bootstrap your project via easy customization using scss.

Install

npm i flexboot

Features

• Customizable via scss
• Uses css3 var, so you can create multiple themes like night mode etc
• Import what you need - divided into multiple file
• Extend further using custom code & provided mixin
• Responsiveness support with mobile first approach

How to use

import "flexboot";

Import scss

import "flexboot/src/index.scss";

Import what you need

import "flexboot/src/basic.scss";
import "flexboot/src/flex.scss";
import "flexboot/src/button.scss";
import "flexboot/src/grid.scss";
import "flexboot/src/grid-xxl.scss";
import "flexboot/src/effect.scss";
import "flexboot/src/margin.scss";
import "flexboot/src/padding.scss";
import "flexboot/src/list.scss";
import "flexboot/src/border.scss";
import "flexboot/src/header.scss";

import in scss file

@import "flix/flex.scss";
@import "flix/button.scss";
@import "flix/input.scss";
@import "flix/grid.scss";
@import "flix/grid-xxl.scss";
@import "flix/effect.scss";
@import "flix/margin.scss";
@import "flix/padding.scss";
@import "flix/list.scss";
@import "flix/border.scss";
@import "flix/header.scss";