Skip to content

Commit 03f7664

Browse files
committed
Add awesome container structure graphics
1 parent 12ecee5 commit 03f7664

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

README.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,21 @@ Or if you prefer to go old-school javascript and a CDN:
119119
In general, use CSS variables - the following (self-explanatory) vars are exposed:
120120

121121
```css
122+
/**
123+
* ._toastContainer
124+
* ┌───────────────────────────────────────┐
125+
* │ ._toastItem │
126+
* │ ┌───────────────────────────────────┐ │
127+
* │ │ ._toastMsg ._toastBtn│ │
128+
* │ │ ┌───────────────────────┐ ┌─────┐ │ │
129+
* │ │ │ │ │ ✕ │ │ │
130+
* │ │ └───────────────────────┘ └─────┘ │ │
131+
* │ │ ._toastBar │ │
132+
* │ │ ═════════════════════════════════ │ │
133+
* │ └───────────────────────────────────┘ │
134+
* └───────────────────────────────────────┘
135+
*/
136+
122137
._toastContainer {
123138
top: var(--toastContainerTop, 1.5rem);
124139
right: var(--toastContainerRight, 2rem);

0 commit comments

Comments
 (0)