๐ŸŒˆ
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
  • Background Color
  • Syntax
  • Examples

Was this helpful?

Edit on GitHub
  1. Quick Start

BackGround Color

Change your background color

Syntax

```other code
    background : "bg",
```

Background Color

To set BackGround Color use .bg-{...} class

Syntax

.bg-{...color-name}

Examples

<div class="bg-primary">primary</div>
<div class="bg-dark font-white">dark</div>
<div class="bg-alert">alert</div>
<div class="bg-leaf">leaf</div>
<div class="bg-orange">orange</div>
<div class="bg-yellow">yellow</div>
<div class="bg-gray">gray</div>
<div class="bg-purple">purple</div>
<div class="bg-choco">choco</div>
<div class="bg-pink">pink</div>
<div class="bg-white">white</div>

Last updated 1 year ago

Was this helpful?

๐ŸŒŸ
output of example