wagtail-tw-blocks 0.3.1__py3-none-any.whl → 1.0.0__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- wagtail_blocks/__init__.py +6 -70
- wagtail_blocks/blocks.py +157 -536
- wagtail_blocks/constants.py +60 -0
- wagtail_blocks/static/wagtail_blocks/css/app.css +18 -2
- wagtail_blocks/static/wagtail_blocks/css/styles.css +2 -2
- wagtail_blocks/static/wagtail_blocks/package-lock.json +251 -420
- wagtail_blocks/static/wagtail_blocks/package.json +3 -3
- wagtail_blocks/templates/wagtail/blocks/accordion.html +21 -0
- wagtail_blocks/templates/wagtail/blocks/alert.html +12 -0
- wagtail_blocks/templates/wagtail/blocks/carousel.html +19 -0
- wagtail_blocks/templates/wagtail/blocks/code.html +32 -0
- wagtail_blocks/templates/{wagtail_blocks → wagtail}/blocks/diff.html +3 -3
- wagtail_blocks/templates/wagtail/blocks/document.html +65 -0
- wagtail_blocks/templates/wagtail/blocks/hover_gallery.html +11 -0
- wagtail_blocks/templates/wagtail/blocks/tabs.html +20 -0
- wagtail_blocks/templates/wagtail/components/breadcrumbs.html +12 -0
- wagtail_blocks/templates/wagtail/components/form.html +116 -0
- wagtail_blocks/templates/wagtail/components/languages.html +77 -0
- wagtail_blocks/templates/wagtail/components/messages.html +56 -0
- wagtail_blocks/templates/wagtail/components/next.html +22 -0
- wagtail_blocks/templates/wagtail/components/pagination.html +59 -0
- wagtail_blocks/templates/wagtail/components/prev.html +25 -0
- wagtail_blocks/templates/wagtail/components/prev_next.html +5 -0
- wagtail_blocks/templates/wagtail/components/themes.html +366 -0
- wagtail_blocks/templates/wagtail/components/tree.html +28 -0
- wagtail_blocks/templates/wagtail/styles.html +29 -0
- wagtail_tw_blocks-1.0.0.dist-info/METADATA +451 -0
- wagtail_tw_blocks-1.0.0.dist-info/RECORD +39 -0
- {wagtail_tw_blocks-0.3.1.dist-info → wagtail_tw_blocks-1.0.0.dist-info}/WHEEL +1 -1
- wagtail_blocks/templates/wagtail_blocks/blocks/accordion.html +0 -49
- wagtail_blocks/templates/wagtail_blocks/blocks/alert.html +0 -24
- wagtail_blocks/templates/wagtail_blocks/blocks/browser.html +0 -15
- wagtail_blocks/templates/wagtail_blocks/blocks/carousel.html +0 -64
- wagtail_blocks/templates/wagtail_blocks/blocks/code.html +0 -66
- wagtail_blocks/templates/wagtail_blocks/blocks/code_mockup.html +0 -20
- wagtail_blocks/templates/wagtail_blocks/blocks/fab.html +0 -43
- wagtail_blocks/templates/wagtail_blocks/blocks/hover_gallery.html +0 -18
- wagtail_blocks/templates/wagtail_blocks/blocks/image.html +0 -19
- wagtail_blocks/templates/wagtail_blocks/blocks/list.html +0 -56
- wagtail_blocks/templates/wagtail_blocks/blocks/phone.html +0 -11
- wagtail_blocks/templates/wagtail_blocks/blocks/steps.html +0 -12
- wagtail_blocks/templates/wagtail_blocks/blocks/tabs.html +0 -24
- wagtail_blocks/templates/wagtail_blocks/blocks/timeline.html +0 -30
- wagtail_blocks/templates/wagtail_blocks/blocks/toast.html +0 -9
- wagtail_blocks/templates/wagtail_blocks/blocks/window.html +0 -9
- wagtail_blocks/templates/wagtail_blocks/styles.html +0 -92
- wagtail_tw_blocks-0.3.1.dist-info/METADATA +0 -237
- wagtail_tw_blocks-0.3.1.dist-info/RECORD +0 -37
- {wagtail_tw_blocks-0.3.1.dist-info → wagtail_tw_blocks-1.0.0.dist-info}/licenses/LICENSE +0 -0
|
@@ -0,0 +1,366 @@
|
|
|
1
|
+
{% load i18n %}
|
|
2
|
+
|
|
3
|
+
<li
|
|
4
|
+
class="tooltip tooltip-left rtl:tooltip-right"
|
|
5
|
+
data-tip="{% trans 'Theme' %}"
|
|
6
|
+
>
|
|
7
|
+
<button
|
|
8
|
+
popovertarget="theme"
|
|
9
|
+
style="anchor-name: --theme"
|
|
10
|
+
class="btn btn-sm lg:btn-md 2xl:btn-lg btn-square btn-ghost"
|
|
11
|
+
>
|
|
12
|
+
<i data-lucide="swatch-book" class="size-4 lg:size-6"></i>
|
|
13
|
+
<span class="sr-only">{% trans 'Theme' %}</span>
|
|
14
|
+
</button>
|
|
15
|
+
|
|
16
|
+
<ul
|
|
17
|
+
popover
|
|
18
|
+
id="theme"
|
|
19
|
+
style="position-anchor: --theme; max-height: 20rem"
|
|
20
|
+
class="menu menu-sm dropdown dropdown-left bg-base-100/50 rounded-box shadow-lg backdrop-blur-3xl rtl:dropdown-right lg:menu-md 2xl:menu-lg"
|
|
21
|
+
>
|
|
22
|
+
<li class="menu-title">{% trans 'Select a theme' %}</li>
|
|
23
|
+
<li>
|
|
24
|
+
<input
|
|
25
|
+
type="radio"
|
|
26
|
+
name="theme-dropdown"
|
|
27
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
28
|
+
aria-label="Default"
|
|
29
|
+
value="default"
|
|
30
|
+
/>
|
|
31
|
+
</li>
|
|
32
|
+
<li>
|
|
33
|
+
<input
|
|
34
|
+
type="radio"
|
|
35
|
+
name="theme-dropdown"
|
|
36
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
37
|
+
aria-label="Light"
|
|
38
|
+
value="light"
|
|
39
|
+
/>
|
|
40
|
+
</li>
|
|
41
|
+
<li>
|
|
42
|
+
<input
|
|
43
|
+
type="radio"
|
|
44
|
+
name="theme-dropdown"
|
|
45
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
46
|
+
aria-label="Dark"
|
|
47
|
+
value="dark"
|
|
48
|
+
/>
|
|
49
|
+
</li>
|
|
50
|
+
<li>
|
|
51
|
+
<input
|
|
52
|
+
type="radio"
|
|
53
|
+
name="theme-dropdown"
|
|
54
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
55
|
+
aria-label="Cupcake"
|
|
56
|
+
value="cupcake"
|
|
57
|
+
/>
|
|
58
|
+
</li>
|
|
59
|
+
<li>
|
|
60
|
+
<input
|
|
61
|
+
type="radio"
|
|
62
|
+
name="theme-dropdown"
|
|
63
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
64
|
+
aria-label="Bumblebee"
|
|
65
|
+
value="bumblebee"
|
|
66
|
+
/>
|
|
67
|
+
</li>
|
|
68
|
+
<li>
|
|
69
|
+
<input
|
|
70
|
+
type="radio"
|
|
71
|
+
name="theme-dropdown"
|
|
72
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
73
|
+
aria-label="Emerald"
|
|
74
|
+
value="emerald"
|
|
75
|
+
/>
|
|
76
|
+
</li>
|
|
77
|
+
<li>
|
|
78
|
+
<input
|
|
79
|
+
type="radio"
|
|
80
|
+
name="theme-dropdown"
|
|
81
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
82
|
+
aria-label="Corporate"
|
|
83
|
+
value="corporate"
|
|
84
|
+
/>
|
|
85
|
+
</li>
|
|
86
|
+
<li>
|
|
87
|
+
<input
|
|
88
|
+
type="radio"
|
|
89
|
+
name="theme-dropdown"
|
|
90
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
91
|
+
aria-label="Synthwave"
|
|
92
|
+
value="synthwave"
|
|
93
|
+
/>
|
|
94
|
+
</li>
|
|
95
|
+
<li>
|
|
96
|
+
<input
|
|
97
|
+
type="radio"
|
|
98
|
+
name="theme-dropdown"
|
|
99
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
100
|
+
aria-label="Retro"
|
|
101
|
+
value="retro"
|
|
102
|
+
/>
|
|
103
|
+
</li>
|
|
104
|
+
<li>
|
|
105
|
+
<input
|
|
106
|
+
type="radio"
|
|
107
|
+
name="theme-dropdown"
|
|
108
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
109
|
+
aria-label="Cyberpunk"
|
|
110
|
+
value="cyberpunk"
|
|
111
|
+
/>
|
|
112
|
+
</li>
|
|
113
|
+
<li>
|
|
114
|
+
<input
|
|
115
|
+
type="radio"
|
|
116
|
+
name="theme-dropdown"
|
|
117
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
118
|
+
aria-label="Valentine"
|
|
119
|
+
value="valentine"
|
|
120
|
+
/>
|
|
121
|
+
</li>
|
|
122
|
+
<li>
|
|
123
|
+
<input
|
|
124
|
+
type="radio"
|
|
125
|
+
name="theme-dropdown"
|
|
126
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
127
|
+
aria-label="Halloween"
|
|
128
|
+
value="halloween"
|
|
129
|
+
/>
|
|
130
|
+
</li>
|
|
131
|
+
<li>
|
|
132
|
+
<input
|
|
133
|
+
type="radio"
|
|
134
|
+
name="theme-dropdown"
|
|
135
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
136
|
+
aria-label="Garden"
|
|
137
|
+
value="garden"
|
|
138
|
+
/>
|
|
139
|
+
</li>
|
|
140
|
+
<li>
|
|
141
|
+
<input
|
|
142
|
+
type="radio"
|
|
143
|
+
name="theme-dropdown"
|
|
144
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
145
|
+
aria-label="Forest"
|
|
146
|
+
value="forest"
|
|
147
|
+
/>
|
|
148
|
+
</li>
|
|
149
|
+
<li>
|
|
150
|
+
<input
|
|
151
|
+
type="radio"
|
|
152
|
+
name="theme-dropdown"
|
|
153
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
154
|
+
aria-label="Aqua"
|
|
155
|
+
value="aqua"
|
|
156
|
+
/>
|
|
157
|
+
</li>
|
|
158
|
+
<li>
|
|
159
|
+
<input
|
|
160
|
+
type="radio"
|
|
161
|
+
name="theme-dropdown"
|
|
162
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
163
|
+
aria-label="Lofi"
|
|
164
|
+
value="lofi"
|
|
165
|
+
/>
|
|
166
|
+
</li>
|
|
167
|
+
<li>
|
|
168
|
+
<input
|
|
169
|
+
type="radio"
|
|
170
|
+
name="theme-dropdown"
|
|
171
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
172
|
+
aria-label="Pastel"
|
|
173
|
+
value="pastel"
|
|
174
|
+
/>
|
|
175
|
+
</li>
|
|
176
|
+
<li>
|
|
177
|
+
<input
|
|
178
|
+
type="radio"
|
|
179
|
+
name="theme-dropdown"
|
|
180
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
181
|
+
aria-label="Fantasy"
|
|
182
|
+
value="fantasy"
|
|
183
|
+
/>
|
|
184
|
+
</li>
|
|
185
|
+
<li>
|
|
186
|
+
<input
|
|
187
|
+
type="radio"
|
|
188
|
+
name="theme-dropdown"
|
|
189
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
190
|
+
aria-label="Wireframe"
|
|
191
|
+
value="wireframe"
|
|
192
|
+
/>
|
|
193
|
+
</li>
|
|
194
|
+
<li>
|
|
195
|
+
<input
|
|
196
|
+
type="radio"
|
|
197
|
+
name="theme-dropdown"
|
|
198
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
199
|
+
aria-label="Black"
|
|
200
|
+
value="black"
|
|
201
|
+
/>
|
|
202
|
+
</li>
|
|
203
|
+
<li>
|
|
204
|
+
<input
|
|
205
|
+
type="radio"
|
|
206
|
+
name="theme-dropdown"
|
|
207
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
208
|
+
aria-label="Luxury"
|
|
209
|
+
value="luxury"
|
|
210
|
+
/>
|
|
211
|
+
</li>
|
|
212
|
+
<li>
|
|
213
|
+
<input
|
|
214
|
+
type="radio"
|
|
215
|
+
name="theme-dropdown"
|
|
216
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
217
|
+
aria-label="Dracula"
|
|
218
|
+
value="dracula"
|
|
219
|
+
/>
|
|
220
|
+
</li>
|
|
221
|
+
<li>
|
|
222
|
+
<input
|
|
223
|
+
type="radio"
|
|
224
|
+
name="theme-dropdown"
|
|
225
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
226
|
+
aria-label="Cmyk"
|
|
227
|
+
value="cmyk"
|
|
228
|
+
/>
|
|
229
|
+
</li>
|
|
230
|
+
<li>
|
|
231
|
+
<input
|
|
232
|
+
type="radio"
|
|
233
|
+
name="theme-dropdown"
|
|
234
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
235
|
+
aria-label="Autumn"
|
|
236
|
+
value="autumn"
|
|
237
|
+
/>
|
|
238
|
+
</li>
|
|
239
|
+
<li>
|
|
240
|
+
<input
|
|
241
|
+
type="radio"
|
|
242
|
+
name="theme-dropdown"
|
|
243
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
244
|
+
aria-label="Business"
|
|
245
|
+
value="business"
|
|
246
|
+
/>
|
|
247
|
+
</li>
|
|
248
|
+
<li>
|
|
249
|
+
<input
|
|
250
|
+
type="radio"
|
|
251
|
+
name="theme-dropdown"
|
|
252
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
253
|
+
aria-label="Acid"
|
|
254
|
+
value="acid"
|
|
255
|
+
/>
|
|
256
|
+
</li>
|
|
257
|
+
<li>
|
|
258
|
+
<input
|
|
259
|
+
type="radio"
|
|
260
|
+
name="theme-dropdown"
|
|
261
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
262
|
+
aria-label="Lemonade"
|
|
263
|
+
value="lemonade"
|
|
264
|
+
/>
|
|
265
|
+
</li>
|
|
266
|
+
<li>
|
|
267
|
+
<input
|
|
268
|
+
type="radio"
|
|
269
|
+
name="theme-dropdown"
|
|
270
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
271
|
+
aria-label="Night"
|
|
272
|
+
value="night"
|
|
273
|
+
/>
|
|
274
|
+
</li>
|
|
275
|
+
<li>
|
|
276
|
+
<input
|
|
277
|
+
type="radio"
|
|
278
|
+
name="theme-dropdown"
|
|
279
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
280
|
+
aria-label="Coffee"
|
|
281
|
+
value="coffee"
|
|
282
|
+
/>
|
|
283
|
+
</li>
|
|
284
|
+
<li>
|
|
285
|
+
<input
|
|
286
|
+
type="radio"
|
|
287
|
+
name="theme-dropdown"
|
|
288
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
289
|
+
aria-label="Winter"
|
|
290
|
+
value="winter"
|
|
291
|
+
/>
|
|
292
|
+
</li>
|
|
293
|
+
<li>
|
|
294
|
+
<input
|
|
295
|
+
type="radio"
|
|
296
|
+
name="theme-dropdown"
|
|
297
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
298
|
+
aria-label="Dim"
|
|
299
|
+
value="dim"
|
|
300
|
+
/>
|
|
301
|
+
</li>
|
|
302
|
+
<li>
|
|
303
|
+
<input
|
|
304
|
+
type="radio"
|
|
305
|
+
name="theme-dropdown"
|
|
306
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
307
|
+
aria-label="Nord"
|
|
308
|
+
value="nord"
|
|
309
|
+
/>
|
|
310
|
+
</li>
|
|
311
|
+
<li>
|
|
312
|
+
<input
|
|
313
|
+
type="radio"
|
|
314
|
+
name="theme-dropdown"
|
|
315
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
316
|
+
aria-label="Sunset"
|
|
317
|
+
value="sunset"
|
|
318
|
+
/>
|
|
319
|
+
</li>
|
|
320
|
+
<li>
|
|
321
|
+
<input
|
|
322
|
+
type="radio"
|
|
323
|
+
name="theme-dropdown"
|
|
324
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
325
|
+
aria-label="Caramellatte"
|
|
326
|
+
value="caramellatte"
|
|
327
|
+
/>
|
|
328
|
+
</li>
|
|
329
|
+
<li>
|
|
330
|
+
<input
|
|
331
|
+
type="radio"
|
|
332
|
+
name="theme-dropdown"
|
|
333
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
334
|
+
aria-label="Abyss"
|
|
335
|
+
value="abyss"
|
|
336
|
+
/>
|
|
337
|
+
</li>
|
|
338
|
+
<li>
|
|
339
|
+
<input
|
|
340
|
+
type="radio"
|
|
341
|
+
name="theme-dropdown"
|
|
342
|
+
class="theme-controller btn btn-sm btn-block btn-ghost justify-start lg:btn-md 2xl:btn-lg"
|
|
343
|
+
aria-label="Silk"
|
|
344
|
+
value="silk"
|
|
345
|
+
/>
|
|
346
|
+
</li>
|
|
347
|
+
</ul>
|
|
348
|
+
</li>
|
|
349
|
+
|
|
350
|
+
<li
|
|
351
|
+
class="tooltip tooltip-left rtl:tooltip-right"
|
|
352
|
+
data-tip="{% trans 'Toggle theme' %}"
|
|
353
|
+
>
|
|
354
|
+
<label
|
|
355
|
+
class="swap swap-rotate btn btn-sm lg:btn-md 2xl:btn-lg btn-square btn-ghost"
|
|
356
|
+
>
|
|
357
|
+
<input
|
|
358
|
+
type="checkbox"
|
|
359
|
+
class="theme-controller"
|
|
360
|
+
value="{% block toggle_theme %}silk{% endblock %}"
|
|
361
|
+
/>
|
|
362
|
+
<i data-lucide="sun" class="swap-off size-4 lg:size-6"></i>
|
|
363
|
+
<i data-lucide="moon-star" class="swap-on size-4 lg:size-6"></i>
|
|
364
|
+
<span class="sr-only"> {% trans 'Toggle theme' %} </span>
|
|
365
|
+
</label>
|
|
366
|
+
</li>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{% load wagtailcore_tags %}
|
|
2
|
+
|
|
3
|
+
<!---->
|
|
4
|
+
{% for p in page.get_children %}
|
|
5
|
+
<!---->
|
|
6
|
+
{% if p.get_children_count > 0 %}
|
|
7
|
+
<li>
|
|
8
|
+
<details>
|
|
9
|
+
<summary>
|
|
10
|
+
{% if p.specific.icon %}
|
|
11
|
+
<i data-lucide="{{ p.specific.icon }}" class="size-4 lg:size-5"></i>
|
|
12
|
+
{% endif %}{{ p.title }}
|
|
13
|
+
</summary>
|
|
14
|
+
|
|
15
|
+
<ul>
|
|
16
|
+
{% include 'wagtail/components/tree.html' with page=p %}
|
|
17
|
+
</ul>
|
|
18
|
+
</details>
|
|
19
|
+
</li>
|
|
20
|
+
{% else %}
|
|
21
|
+
<li>
|
|
22
|
+
<a href="{% pageurl p %}">
|
|
23
|
+
{% if p.specific.icon %}
|
|
24
|
+
<i data-lucide="{{ p.specific.icon }}" class="size-4 lg:size-5"></i>
|
|
25
|
+
{% endif %}{{ p.title }}
|
|
26
|
+
</a>
|
|
27
|
+
</li>
|
|
28
|
+
{% endif %}{% endfor %}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<!-- Accordion styles -->
|
|
2
|
+
<div class="collapse collapse-arrow"></div>
|
|
3
|
+
<div class="collapse collapse-plus"></div>
|
|
4
|
+
|
|
5
|
+
<!-- Alert styles -->
|
|
6
|
+
<div class="alert alert-info"></div>
|
|
7
|
+
<div class="alert alert-success"></div>
|
|
8
|
+
<div class="alert alert-warning"></div>
|
|
9
|
+
<div class="alert alert-info"></div>
|
|
10
|
+
<!-- Soft -->
|
|
11
|
+
<div class="alert alert-soft alert-info"></div>
|
|
12
|
+
<div class="alert alert-soft alert-success"></div>
|
|
13
|
+
<div class="alert alert-soft alert-warning"></div>
|
|
14
|
+
<div class="alert alert-soft alert-info"></div>
|
|
15
|
+
<!-- Outline -->
|
|
16
|
+
<div class="alert alert-outline alert-info"></div>
|
|
17
|
+
<div class="alert alert-outline alert-success"></div>
|
|
18
|
+
<div class="alert alert-outline alert-warning"></div>
|
|
19
|
+
<div class="alert alert-outline alert-info"></div>
|
|
20
|
+
<!-- Dash -->
|
|
21
|
+
<div class="alert alert-dash alert-info"></div>
|
|
22
|
+
<div class="alert alert-dash alert-success"></div>
|
|
23
|
+
<div class="alert alert-dash alert-warning"></div>
|
|
24
|
+
<div class="alert alert-dash alert-info"></div>
|
|
25
|
+
|
|
26
|
+
<!-- Tabs -->
|
|
27
|
+
<div class="tabs tabs-border"></div>
|
|
28
|
+
<div class="tabs tabs-box"></div>
|
|
29
|
+
<div class="tabs tabs-lift"></div>
|