Overview

Mojo CSS is a versatile and customizable CSS Engine that simplifies the process of designing and developing web applications.

At its core, Mojo provides a comprehensive configuration system that empowers developers to fine-tune the look and feel of their web projects.

How to customize the configuration

To configure the the settings, simply call the mojo() function and pass in a configuration object. This object will determine how the Mojo is initialized and behaves.

Here's the overall structure of the configuration settings:

mojo({
  options: {
    ...
  },
  base: {
    ...
  },
  whitelist: {
    ...
  },
  patterns: {
    ...
  },
  capsules: [
    ...
  ]
});

As you can see in the code above, to start configuring Mojo CSS all you need is to define a settings object and pass it in to the mojo() function.