Overview

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

Install

npm i flexcss

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 "flexcss";

scss import

import "flexcss/src/index.scss";

Import what you need

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