Lime Background Color
Lime Color
.bg-lime
#CDDC39
Lime Lighten 1 #D4E157
.bg-lime.bg-lighten-1
Lime Lighten 2 #DCE775
.bg-lime.bg-lighten-2
Lime Lighten 3 #E6EE9C
.bg-lime.bg-lighten-3
Lime Lighten 4 #F0F4C3
.bg-lime.bg-lighten-4
Lime Darken 1 #C0CA33
.bg-lime.bg-darken-1
Lime Darken 2 #AFB42B
.bg-lime.bg-darken-2
Lime Darken 3 #9E9D24
.bg-lime.bg-darken-3
Lime Darken 4 #827717
.bg-lime.bg-darken-4
Lime Accent 1 #F4FF81
.bg-lime.bg-accent-1
Lime Accent 2 #EEFF41
.bg-lime.bg-accent-2
Lime Accent 3 #C6FF00
.bg-lime.bg-accent-3
Lime Accent 4 #AEEA00
.bg-lime.bg-accent-4
Lime color palette contains 13 colors: 1 main lime color and 4 lighten colors, 4 darken colors and 4 Accent colors. All colors works perfectly with any bootstrap components, form components or any robust controls, that makes Robust very effective, flexible and configurable.
Please note: You can use .bg-lime and .btn-lime as main colors, but if you want to use lighten, darken or accent colors, use bg-* bg-lighten-NUMBER for lighten color, bg-* bg-darken-NUMBER for darken color and bg-* bg-accent-NUMBER for accent colors.
| Class | Description |
|---|---|
.bg-lime |
Lime Class for background color. |
.bg-lime
.bg-lighten-* |
For lighten lime background color, this
two classes needed. Here *: 1,2,3,4 lighten lime
color options. |
.bg-lime
.bg-darken-* |
For darken lime background color, this
two classes needed. Here *: 1,2,3,4 darken lime color
options. |
.bg-lime
.bg-accent-* |
For accent lime background color, this
two classes needed. Here *: 1,2,3,4 accent lime color
options. |
Lime Border Color
Lime Color
.border-lime
#CDDC39
Lime Lighten 1 #D4E157
.border-lime.border-lighten-1
Lime Lighten 2 #DCE775
.border-lime.border-lighten-2
Lime Lighten 3 #E6EE9C
.border-lime.border-lighten-3
Lime Lighten 4 #F0F4C3
.border-lime.border-lighten-4
Lime Darken 1 #C0CA33
.border-lime.border-darken-1
Lime Darken 2 #AFB42B
.border-lime.border-darken-2
Lime Darken 3 #9E9D24
.border-lime.border-darken-3
Lime Darken 4 #827717
.border-lime.border-darken-4
Lime Accent 1 #F4FF81
.border-lime.border-accent-1
Lime Accent 2 #EEFF41
.border-lime.border-accent-2
Lime Accent 3 #C6FF00
.border-lime.border-accent-3
Lime Accent 4 #AEEA00
.border-lime.border-accent-4
| Class | Description |
|---|---|
.border-lime |
Lime Class for background color. |
.border-lime
.border-lighten-* |
For lighten lime background color, this two classes needed. Here *: 1,2,3,4 lighten lime color options. |
.border-top-lime
.border-top-lighten-* |
For lighten lime top border. Use this
classes if you need to highlight only top border. |
.border-bottom-lime
.border-bottom-lighten-* |
For lighten lime bottom border. Use this
classes if you need to highlight only bottom border. |
.border-right-lime
.border-right-lighten-* |
For lighten lime right border. Use this
classes if you need to highlight only right border. |
.border-left-lime
.border-left-lighten-* |
For lighten lime left border. Use this
classes if you need to highlight only left border. |
.border-lime
.border-darken-* |
For darken lime background color, this two classes needed. Here *: 1,2,3,4 darken lime color options. |
.border-top-lime
.border-top-darken-* |
For darken lime top border. Use this classes
if you need to highlight only top border. |
.border-bottom-lime
.border-bottom-darken-* |
For darken lime bottom border. Use this
classes if you need to highlight only bottom border. |
.border-right-lime
.border-right-darken-* |
For darken lime right border. Use this
classes if you need to highlight only right border. |
.border-left-lime
.border-left-darken-* |
For darken lime left border. Use this
classes if you need to highlight only left border. |
.border-lime
.border-accent-* |
For accent lime background color, this two classes needed. Here *: 1,2,3,4 accent lime color options. |
.border-top-lime
.border-top-accent-* |
For accent lime top border. Use this classes
if you need to highlight only top border. |
.border-bottom-lime
.border-bottom-accent-* |
For accent lime bottom border. Use this
classes if you need to highlight only bottom border. |
.border-right-lime
.border-right-accent-* |
For accent lime right border. Use this
classes if you need to highlight only right border. |
.border-left-lime
.border-left-accent-* |
For accent lime left border. Use this
classes if you need to highlight only left border. |
Lime Text Color
Lime Color
.lime
#CDDC39
Lime Lighten 1 #D4E157
.lime.lighten-1
Lime Lighten 2 #DCE775
.lime.lighten-2
Lime Lighten 3 #E6EE9C
.lime.lighten-3
Lime Lighten 4 #F0F4C3
.lime.lighten-4
Lime Darken 1 #C0CA33
.lime.darken-1
Lime Darken 2 #AFB42B
.lime.darken-2
Lime Darken 3 #9E9D24
.lime.darken-3
Lime Darken 4 #827717
.lime.darken-4
Lime Accent 1 #F4FF81
.lime.accent-1
Lime Accent 2 #EEFF41
.lime.accent-2
Lime Accent 3 #C6FF00
.lime.accent-3
Lime Accent 4 #AEEA00
.lime.accent-4
| Class | Description |
|---|---|
.lime |
Class for Lime Text color. |
.lime
.lighten-* |
For lighten lime text color, this two
classes needed. Here *: 1,2,3,4 for lighten lime
color options. |
.lime
.darken-* |
For darken lime text color, this two classes
needed. Here *: 1,2,3,4 for darken lime color options. |
.lime
.accent-* |
For accent lime text color, this two classes
needed. Here *: 1,2,3,4 for accent lime color options. |