Usage #
Use d-bgg-pattern-{pattern}-{dark|light} to apply a pattern.
<dt-stack direction="row" align="center" class="d-w100p d-h-50 d-bar-300 d-bgg-to-br d-ba d-bc-default d-bgc-moderate d-bgg-pattern d-bgg-pattern-slanted-stripes-dark d-fc-primary">Ted's Call Center</dt-stack> <dt-stack direction="row" align="center" class="d-w100p d-h-50 d-bar-300 d-bgg-to-br d-ba d-bc-default d-bgc-moderate d-bgg-pattern d-bgg-pattern-chevrons-dark">Vicky's Department</dt-stack>
Classes #
Class
|
Output
|
|---|---|
| .d-bgg-pattern-blob-dark |
--bgg-pattern: --bgg-pattern-blob-dark;
|
| .d-bgg-pattern-chevrons-dark |
--bgg-pattern: --bgg-pattern-chevrons-dark;
|
| .d-bgg-pattern-crosses-dark |
--bgg-pattern: --bgg-pattern-crosses-dark;
|
| .d-bgg-pattern-crosshatch-dark |
--bgg-pattern: --bgg-pattern-crosshatch-dark;
|
| .d-bgg-pattern-dot-dash-dark |
--bgg-pattern: --bgg-pattern-dot-dash-dark;
|
| .d-bgg-pattern-dots-circles-dark |
--bgg-pattern: --bgg-pattern-dots-circles-dark;
|
| .d-bgg-pattern-horz-stripes-dark |
--bgg-pattern: --bgg-pattern-horz-stripes-dark;
|
| .d-bgg-pattern-slanted-stripes-dark |
--bgg-pattern: --bgg-pattern-slanted-stripes-dark;
|
| .d-bgg-pattern-steps-dark |
--bgg-pattern: --bgg-pattern-steps-dark;
|
| .d-bgg-pattern-stripe-dark |
--bgg-pattern: --bgg-pattern-stripe-dark;
|
| .d-bgg-pattern-blob-light |
--bgg-pattern: --bgg-pattern-blob-light;
|
| .d-bgg-pattern-chevrons-light |
--bgg-pattern: --bgg-pattern-chevrons-light;
|
| .d-bgg-pattern-crosses-light |
--bgg-pattern: --bgg-pattern-crosses-light;
|
| .d-bgg-pattern-crosshatch-light |
--bgg-pattern: --bgg-pattern-crosshatch-light;
|
| .d-bgg-pattern-dot-dash-light |
--bgg-pattern: --bgg-pattern-dot-dash-light;
|
| .d-bgg-pattern-dots-circles-light |
--bgg-pattern: --bgg-pattern-dots-circles-light;
|
| .d-bgg-pattern-horz-stripes-light |
--bgg-pattern: --bgg-pattern-horz-stripes-light;
|
| .d-bgg-pattern-slanted-stripes-light |
--bgg-pattern: --bgg-pattern-slanted-stripes-light;
|
| .d-bgg-pattern-steps-light |
--bgg-pattern: --bgg-pattern-steps-light;
|
| .d-bgg-pattern-stripe-light |
--bgg-pattern: --bgg-pattern-stripe-light;
|