https://github.com/ujjwalguptaofficial/flexstyle

flexcss is flexbox based css only framework.
https://github.com/ujjwalguptaofficial/flexstyle

css css-framework flex flexbox flexbox-css scss

Last synced: 14 days ago
JSON representation

flexcss is flexbox based css only framework.

• Host: GitHub
• URL: https://github.com/ujjwalguptaofficial/flexstyle
• Owner: ujjwalguptaofficial
• License: mit
• Created: 2021-02-12T16:48:15.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-06-15T03:43:21.000Z (over 3 years ago)
• Last Synced: 2024-10-30T06:58:48.884Z (16 days ago)
• Topics: css, css-framework, flex, flexbox, flexbox-css, scss
• Language: SCSS
• Homepage: https://ujjwalguptaofficial.github.io/flexstyle/
• Size: 152 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

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

```