Get Started!

CLI

The best way to import Lazyy CSS is to use CLI.

npm install lazyy-css

Create an index.scss file and import the index.scss file from node modules.

@import '../node_modules/lazyy-css/src/sass/index.scss';

Generally, browsers are incapable of parsing sass files. It must be converted to CSS. You may do this by using the watch-sass plugin in VS Code. Still, the preferable method is to use scripts. Add these scripts to your package.json file.

"lazyy": "sass  --no-source-map styles/index.scss:styles/index.css",
"watch:lazyy": "sass  --no-source-map styles/index.scss:styles/index.css --watch",
"purge:lazyy": "purgecss --css styles/index.css --content "*.html" --output styles/",
"build:lazyy": "npm run purge:lazyy && postcss styles/index.css -u autoprefixer cssnano -r --no-map"

npm i @fullhuman/postcss-purgecss autoprefixer cssnano postcss-cli purgecss sass

npm run lazyy

This will import every class available. To optimize CSS for production, check optimization.

CDN

Import our CDN into your project. This will add lazyy CSS to your project.

<link rel="stylesheet" href="https://lazyy-css.vercel.app/dist/css/index.css" />