Default shadow
| Standard | On hover | Render |
|---|---|---|
.shadow-1 |
.shadow-1-hover |
|
.shadow-2 |
.shadow-2-hover |
|
.shadow-3 |
.shadow-3-hover |
|
.shadow-4 |
.shadow-4-hover |
|
.shadow-5 |
.shadow-5-hover |
|
.shadow-6 |
.shadow-6-hover |
Alternative
| Shortcuts | Render on hover |
|---|---|
.shadow-hover-1 |
|
.shadow-hover-2 |
|
.shadow-hover-3 |
|
.shadow-hover-4 |
|
.shadow-hover-5 |
|
.shadow-hover-6 |
With opacity
| Shortcuts | Render |
|---|---|
.shadow-10 |
|
.shadow-20 |
|
.shadow-30 |
|
.shadow-40 |
|
.shadow-50 |
|
.shadow-60 |
|
.shadow-70 |
|
.shadow-80 |
|
.shadow-90 |
With color
| Shortcuts | Render |
|---|---|
.shadow-primary |
|
.shadow-secondary |
|
.shadow-success |
|
.shadow-info |
|
.shadow-warning |
|
.shadow-danger |
|
.shadow-dark |