$3

---

Advanced CSS layout utility library

AyoFlex is a modern open source CSS layout utility library based on flex layout module with twelve columns grid system to build mobile first responsive web interfaces. Ayoflex includes six default breakpoints known as responsive modifiers. These breakpoints can be customized using our source Sass file.

Documentation

$3

Installation

To use AyoFlex on your project, you can use the pre-compiled css file and also can install the scss files so that you can customize it by yourself.

Packages

Use your favorite package manager to install AyoFlex

$3

bash

$ npm install ayoflex

or

bash

$ npm i ayoflex

$3

bash

$ yarn add ayoflex





Import ayoflex in your project



To import ayoflex in your project use the following code in your js file:

bash

import 'ayoflex';





#### or

bash

import 'ayoflex/dist/ayoflex.min.css';










Also you can easily import style to your existing CSS/SCSS/SASS file:



#### Import css in your stylesheet

css

@import "ayoflex/dist/ayoflex.min.css";





#### or



#### Import scss in your SASS file

scss

@import "ayoflex/src/ayoflex";





CDN



You can also add AyoFlex in your project from CDN:

html

  rel="stylesheet"

  href="https://unpkg.com/ayoflex@1.0.4/dist/ayoflex.min.css"

/>





If you don't need responsiveness you can install a lite version:

html

  rel="stylesheet"

  href="https://unpkg.com/ayoflex@1.0.4/dist/ayoflex-no-responsive.min.css"

/>

``

---

Copyright and license

$3

---