🌈
NextGenCSS
  • 🔥NextGenCSS🔥
    • How to Contribute ?
  • Installation
    • Install and Use
    • Set Up
    • React
  • 🌟Quick Start
    • Get Started
    • Optimizations
    • Breakpoints
    • Colors
    • Buttons
    • BackGround Color
    • Border
    • Font
    • Icons
  • 🧩Components
    • Box
    • Card
    • Footer
    • NavBar
    • Switch
  • ⚒️Utilities
    • Display
    • Align
    • Center
    • Flex
    • Left
    • Right
    • Padding
    • Margin
    • Grid
    • Scale
  • forms
    • Input Box
  • ☺️Releases and Changelog
    • 0.0 🔥🔥 1st Release
Powered by GitBook
On this page
  • Clone our git repo first
  • To change the name of utility
  • Build your css file

Was this helpful?

Edit on GitHub
  1. Installation

Install and Use

How to use it ?

Clone our git repo first

Run this command to clone

$ git clone https://github.com/rudransh61/NextGenCSS-.git

Install all packages NOTE : - Node.js must be installed before all

$ npm install

To change the name of utility

Open the file in /src/syntax directory named as _syntax.scss

Change the key with your syntax for example :-

$syntax : (
  ...other code
  padding : "my-padding", // Your syntax
  ..other code
); 

And at last

Build your css file

Run the ./build.sh file to build minified CSS

$ ./build.sh

If you want to use the existing CSS syntax click here

Last updated 1 year ago

Was this helpful?