🌈
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
  • Syntax File
  • Lazy Load

Was this helpful?

Edit on GitHub
  1. Quick Start

Optimizations

In NextGenCSS we are adding many different optimizations to make your app faster than before ...

Syntax File

 // ./src/syntax/_syntax.scss
 
 ... other code
 //optimizations
    lazy-load : false, // true of false
... other code

Lazy Load

// Lazy Loading Optimization
// Define lazy load content visibility
.lazy-load {
  content-visibility: auto; // 'content-visibility' is not supported by Firefox, Firefox for Android.
}

// Define no lazy load content visibility
.no-lazy-load {
  content-visibility: visible; // 'content-visibility' is not supported by Firefox, Firefox for Android.
}

With .lazy-load class you can add lazy loading to your content

But if you don't want it then do not worry , just add .no-lazy-load class and remove this optimization ........

Last updated 1 year ago

Was this helpful?

🌟