Getting Started with Ayo.css

Ayo.CSS is a Lightweight, Responsive and Modern CSS Framework.

To get started with the ayo-css library you will need to install the package from the Ayoka NPM Registry. You will first need to be authenticated with the Ayoka NPM Registry. If you don't know how this needs to be done, then see a lead. They can make sure you are setup to consume packages.

Once you have be authenticated to consume packages from the NPM Registery you can consume the package with the following command:

npm install @ayoka/ayo-css@latest

This will install the latest version. If you would like to try out the nightly builds you can download the next channel:

npm install @ayoka/ayo-css@next

You should be ready to get started with using it in your project.

Getting Started With Vue

Getting started with Vue is simple. Once you have installed the library you will just need to import in the vars and main css like so:

import "@ayoka/ayo-css/css/var.css"
import "@ayoka/ayo-css/css/ayo.css"

That's it! You should be ready to use the CSS library as you see fit now. If you'd like to customize any of the CSS Variables then you can just take a look at the var.css file and see which variables there are, then create your CSS file in your project that overrides it.

Pages