ujjwalguptaofficial / flexstyle

flexcss is flexbox based css only framework.

Overview

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

Install

npm i flexstyle

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

scss import

import "flexstyle/src/index.scss";

Import what you need

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