maverick-wave 3.0.0
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.
- package/.claude/commands/mw.md +580 -0
- package/.claude/settings.local.json +11 -0
- package/.idea/codeStyles/Project.xml +59 -0
- package/.idea/codeStyles/codeStyleConfig.xml +5 -0
- package/.idea/maverick-wave.iml +12 -0
- package/.idea/modules.xml +8 -0
- package/.idea/prettier.xml +6 -0
- package/.idea/vcs.xml +6 -0
- package/.prettierignore +6 -0
- package/.prettierrc.json +7 -0
- package/CHANGELOG.md +420 -0
- package/CLAUDE.md +53 -0
- package/LICENSE +21 -0
- package/README.md +191 -0
- package/gulpfile.js +158 -0
- package/index.html +472 -0
- package/maverick-wave.min.css +1 -0
- package/maverick-wave.min.js +1 -0
- package/package.json +52 -0
- package/release.sh +17 -0
- package/src/assets/favicon/android-chrome-192x192.png +0 -0
- package/src/assets/favicon/android-chrome-512x512.png +0 -0
- package/src/assets/favicon/apple-touch-icon.png +0 -0
- package/src/assets/favicon/favicon-16x16.png +0 -0
- package/src/assets/favicon/favicon-32x32.png +0 -0
- package/src/assets/favicon/site.webmanifest +1 -0
- package/src/assets/favicon.ico +0 -0
- package/src/assets/header-logo.svg +24 -0
- package/src/js/main.js +587 -0
- package/src/partials/accordions-container.html +163 -0
- package/src/partials/alerts-container.html +120 -0
- package/src/partials/avatars-container.html +84 -0
- package/src/partials/blog-posts-container.html +157 -0
- package/src/partials/breadcrumbs-container.html +126 -0
- package/src/partials/button-bar-container.html +168 -0
- package/src/partials/buttons-container.html +133 -0
- package/src/partials/cards-container.html +508 -0
- package/src/partials/code-container.html +194 -0
- package/src/partials/colors-container.html +125 -0
- package/src/partials/coming-soon-container.html +6 -0
- package/src/partials/content-slider-container.html +47 -0
- package/src/partials/divider-container.html +52 -0
- package/src/partials/documentation-container.html +161 -0
- package/src/partials/empty-state-container.html +74 -0
- package/src/partials/footer-container.html +113 -0
- package/src/partials/form-container.html +257 -0
- package/src/partials/form-elements-container.html +595 -0
- package/src/partials/form-field-container.html +141 -0
- package/src/partials/gallery-container.html +49 -0
- package/src/partials/get-started-container.html +294 -0
- package/src/partials/grid-container.html +171 -0
- package/src/partials/header-container.html +49 -0
- package/src/partials/header-utilities-container.html +80 -0
- package/src/partials/home-container.html +48 -0
- package/src/partials/html-lists-container.html +58 -0
- package/src/partials/info-container.html +87 -0
- package/src/partials/input-group-container.html +285 -0
- package/src/partials/item-lists-container.html +413 -0
- package/src/partials/login-container.html +61 -0
- package/src/partials/meta-info-container.html +16 -0
- package/src/partials/modals-container.html +136 -0
- package/src/partials/pagination-container.html +27 -0
- package/src/partials/panels-container.html +196 -0
- package/src/partials/progress-container.html +226 -0
- package/src/partials/ratings-container.html +104 -0
- package/src/partials/skeleton-container.html +82 -0
- package/src/partials/spinners-container.html +92 -0
- package/src/partials/stepper-container.html +107 -0
- package/src/partials/tables-container.html +120 -0
- package/src/partials/tabs-container.html +263 -0
- package/src/partials/tags-container.html +168 -0
- package/src/partials/techstack-bucket-container.html +174 -0
- package/src/partials/tiles-container.html +245 -0
- package/src/partials/timelines-container.html +196 -0
- package/src/partials/typography-container.html +66 -0
- package/src/partials/utilities-container.html +85 -0
- package/src/scss/abstracts/_functions.scss +37 -0
- package/src/scss/abstracts/_index.scss +3 -0
- package/src/scss/abstracts/_mixins.scss +45 -0
- package/src/scss/abstracts/_variables.scss +222 -0
- package/src/scss/base/_base.scss +165 -0
- package/src/scss/base/_index.scss +3 -0
- package/src/scss/base/_reset.scss +75 -0
- package/src/scss/base/_typography.scss +230 -0
- package/src/scss/components/_accordions.scss +91 -0
- package/src/scss/components/_alerts.scss +105 -0
- package/src/scss/components/_avatars.scss +123 -0
- package/src/scss/components/_blog-post.scss +268 -0
- package/src/scss/components/_breadcrumbs.scss +108 -0
- package/src/scss/components/_button-bar.scss +139 -0
- package/src/scss/components/_buttons.scss +164 -0
- package/src/scss/components/_cards.scss +316 -0
- package/src/scss/components/_code.scss +252 -0
- package/src/scss/components/_coming-soon.scss +92 -0
- package/src/scss/components/_content-slider.scss +119 -0
- package/src/scss/components/_divider.scss +70 -0
- package/src/scss/components/_empty-state.scss +73 -0
- package/src/scss/components/_gallery.scss +158 -0
- package/src/scss/components/_index.scss +33 -0
- package/src/scss/components/_info.scss +143 -0
- package/src/scss/components/_lists.scss +653 -0
- package/src/scss/components/_localhost-indicator.scss +29 -0
- package/src/scss/components/_meta-info.scss +34 -0
- package/src/scss/components/_modals.scss +118 -0
- package/src/scss/components/_pagination.scss +99 -0
- package/src/scss/components/_panels.scss +112 -0
- package/src/scss/components/_progress.scss +107 -0
- package/src/scss/components/_ratings.scss +47 -0
- package/src/scss/components/_skeleton.scss +90 -0
- package/src/scss/components/_spinners.scss +208 -0
- package/src/scss/components/_stepper.scss +145 -0
- package/src/scss/components/_tables.scss +127 -0
- package/src/scss/components/_tabs.scss +146 -0
- package/src/scss/components/_tags.scss +93 -0
- package/src/scss/components/_techstack-bucket.scss +145 -0
- package/src/scss/components/_theme-toggle.scss +50 -0
- package/src/scss/components/_tiles.scss +217 -0
- package/src/scss/components/_timelines.scss +339 -0
- package/src/scss/form-elements/_checkbox.scss +174 -0
- package/src/scss/form-elements/_form.scss +122 -0
- package/src/scss/form-elements/_index.scss +10 -0
- package/src/scss/form-elements/_input-group.scss +103 -0
- package/src/scss/form-elements/_input.scss +72 -0
- package/src/scss/form-elements/_login.scss +62 -0
- package/src/scss/form-elements/_radio.scss +144 -0
- package/src/scss/form-elements/_select.scss +56 -0
- package/src/scss/form-elements/_slider.scss +174 -0
- package/src/scss/form-elements/_textarea.scss +74 -0
- package/src/scss/form-elements/_toggle.scss +174 -0
- package/src/scss/layout/_footer.scss +214 -0
- package/src/scss/layout/_grid.scss +287 -0
- package/src/scss/layout/_header.scss +441 -0
- package/src/scss/layout/_home.scss +40 -0
- package/src/scss/layout/_index.scss +6 -0
- package/src/scss/layout/_main.scss +116 -0
- package/src/scss/layout/_section.scss +89 -0
- package/src/scss/main.scss +5 -0
- package/src/scss/utilities/_display.scss +35 -0
- package/src/scss/utilities/_flex.scss +66 -0
- package/src/scss/utilities/_index.scss +3 -0
- package/src/scss/utilities/_spacing.scss +78 -0
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
<h3 class="mw-section-subtitle">Button Bars</h3>
|
|
2
|
+
|
|
3
|
+
<div class="mw-grid-stack-stretch">
|
|
4
|
+
<div>
|
|
5
|
+
<h3 class="mw-mb-4">Basic Button Bar</h3>
|
|
6
|
+
<div class="mw-button-bar">
|
|
7
|
+
<button class="mw-btn mw-btn-primary">Previous Post</button>
|
|
8
|
+
<button class="mw-btn mw-btn-primary">Back to Main</button>
|
|
9
|
+
<button class="mw-btn mw-btn-primary">Next Post</button>
|
|
10
|
+
<button class="mw-btn mw-btn-primary">Next Post</button>
|
|
11
|
+
<button class="mw-btn mw-btn-primary">Next Post</button>
|
|
12
|
+
<button class="mw-btn mw-btn-primary">Next Post</button>
|
|
13
|
+
<button class="mw-btn mw-btn-primary">Next Post</button>
|
|
14
|
+
<button class="mw-btn mw-btn-primary">Next Post</button>
|
|
15
|
+
<button class="mw-btn mw-btn-primary">Next Post</button>
|
|
16
|
+
<button class="mw-btn mw-btn-primary">Next Post</button>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
<div>
|
|
21
|
+
<h3 class="mw-mb-4">Auto-styled Primary Button Bar</h3>
|
|
22
|
+
<div class="mw-button-bar mw-button-bar-primary">
|
|
23
|
+
<button class="mw-btn">Previous Post</button>
|
|
24
|
+
<button class="mw-btn">Back to Main</button>
|
|
25
|
+
<button class="mw-btn">Next Post</button>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
|
|
29
|
+
<div>
|
|
30
|
+
<h3 class="mw-mb-4">Auto-styled Secondary Button Bar</h3>
|
|
31
|
+
<div class="mw-button-bar mw-button-bar-secondary">
|
|
32
|
+
<button class="mw-btn">Previous Post</button>
|
|
33
|
+
<button class="mw-btn">Back to Main</button>
|
|
34
|
+
<button class="mw-btn">Next Post</button>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
|
|
38
|
+
<div>
|
|
39
|
+
<h3 class="mw-mb-4">Outline Button Bar</h3>
|
|
40
|
+
<div class="mw-button-bar mw-button-bar-outline">
|
|
41
|
+
<button class="mw-btn">Previous Post</button>
|
|
42
|
+
<button class="mw-btn">Back to Main</button>
|
|
43
|
+
<button class="mw-btn">Next Post</button>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
|
|
47
|
+
<div>
|
|
48
|
+
<h3 class="mw-mb-4">Navigation Style (Mixed Buttons)</h3>
|
|
49
|
+
<div class="mw-button-bar mw-button-bar-nav">
|
|
50
|
+
<button class="mw-btn"><i class="fas fa-arrow-left"></i>Previous</button>
|
|
51
|
+
<button class="mw-btn">Back to Main</button>
|
|
52
|
+
<button class="mw-btn">Next<i class="fas fa-arrow-right"></i></button>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
|
|
56
|
+
<div>
|
|
57
|
+
<h3 class="mw-mb-4">Space Between Layout</h3>
|
|
58
|
+
<div class="mw-button-bar mw-button-bar-between">
|
|
59
|
+
<button class="mw-btn mw-btn-outline">
|
|
60
|
+
<i class="fas fa-arrow-left"></i>Previous
|
|
61
|
+
</button>
|
|
62
|
+
<button class="mw-btn mw-btn-primary">Main</button>
|
|
63
|
+
<button class="mw-btn mw-btn-outline">
|
|
64
|
+
Next<i class="fas fa-arrow-right"></i>
|
|
65
|
+
</button>
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
|
|
69
|
+
<div>
|
|
70
|
+
<h3 class="mw-mb-4">Button Bar Alignments</h3>
|
|
71
|
+
<div class="mw-d-flex mw-flex-column mw-gap-4">
|
|
72
|
+
<div>
|
|
73
|
+
<p class="mw-mb-2"><strong>Left Aligned:</strong></p>
|
|
74
|
+
<div class="mw-button-bar mw-button-bar-left mw-button-bar-primary">
|
|
75
|
+
<button class="mw-btn">Left</button>
|
|
76
|
+
<button class="mw-btn">Center</button>
|
|
77
|
+
<button class="mw-btn">Right</button>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
<div>
|
|
81
|
+
<p class="mw-mb-2"><strong>Right Aligned:</strong></p>
|
|
82
|
+
<div class="mw-button-bar mw-button-bar-right mw-button-bar-secondary">
|
|
83
|
+
<button class="mw-btn">Left</button>
|
|
84
|
+
<button class="mw-btn">Center</button>
|
|
85
|
+
<button class="mw-btn">Right</button>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
<div>
|
|
89
|
+
<p class="mw-mb-2"><strong>Center Aligned (default):</strong></p>
|
|
90
|
+
<div class="mw-button-bar mw-button-bar-outline">
|
|
91
|
+
<button class="mw-btn">Left</button>
|
|
92
|
+
<button class="mw-btn">Center</button>
|
|
93
|
+
<button class="mw-btn">Right</button>
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
|
|
99
|
+
<div>
|
|
100
|
+
<h3 class="mw-mb-4">Button Bar Sizes</h3>
|
|
101
|
+
<div class="mw-d-flex mw-flex-column mw-gap-4">
|
|
102
|
+
<div>
|
|
103
|
+
<p class="mw-mb-2"><strong>Small:</strong></p>
|
|
104
|
+
<div class="mw-button-bar mw-button-bar-sm mw-button-bar-secondary">
|
|
105
|
+
<button class="mw-btn mw-btn-sm">Prev</button>
|
|
106
|
+
<button class="mw-btn mw-btn-sm">Main</button>
|
|
107
|
+
<button class="mw-btn mw-btn-sm">Next</button>
|
|
108
|
+
</div>
|
|
109
|
+
</div>
|
|
110
|
+
<div>
|
|
111
|
+
<p class="mw-mb-2"><strong>Default:</strong></p>
|
|
112
|
+
<div class="mw-button-bar mw-button-bar-primary">
|
|
113
|
+
<button class="mw-btn">Previous</button>
|
|
114
|
+
<button class="mw-btn">Main</button>
|
|
115
|
+
<button class="mw-btn">Next</button>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
<div>
|
|
119
|
+
<p class="mw-mb-2"><strong>Large:</strong></p>
|
|
120
|
+
<div class="mw-button-bar mw-button-bar-lg mw-button-bar-primary">
|
|
121
|
+
<button class="mw-btn">Previous</button>
|
|
122
|
+
<button class="mw-btn">Main</button>
|
|
123
|
+
<button class="mw-btn">Next</button>
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
</div>
|
|
128
|
+
|
|
129
|
+
<div>
|
|
130
|
+
<h3 class="mw-mb-4">Button Bars with Icons</h3>
|
|
131
|
+
<div class="mw-d-flex mw-flex-column mw-gap-4">
|
|
132
|
+
<div>
|
|
133
|
+
<p class="mw-mb-2"><strong>Navigation with Icons:</strong></p>
|
|
134
|
+
<div class="mw-button-bar mw-button-bar-nav">
|
|
135
|
+
<button class="mw-btn">
|
|
136
|
+
<i class="fas fa-arrow-left"></i>
|
|
137
|
+
Previous Post
|
|
138
|
+
</button>
|
|
139
|
+
<button class="mw-btn">
|
|
140
|
+
<i class="fas fa-home"></i>
|
|
141
|
+
Back to Main
|
|
142
|
+
</button>
|
|
143
|
+
<button class="mw-btn">
|
|
144
|
+
Next Post
|
|
145
|
+
<i class="fas fa-arrow-right"></i>
|
|
146
|
+
</button>
|
|
147
|
+
</div>
|
|
148
|
+
</div>
|
|
149
|
+
<div>
|
|
150
|
+
<p class="mw-mb-2"><strong>Action Buttons:</strong></p>
|
|
151
|
+
<div class="mw-button-bar mw-button-bar-primary">
|
|
152
|
+
<button class="mw-btn">
|
|
153
|
+
<i class="fas fa-save"></i>
|
|
154
|
+
Save Draft
|
|
155
|
+
</button>
|
|
156
|
+
<button class="mw-btn">
|
|
157
|
+
<i class="fas fa-eye"></i>
|
|
158
|
+
Preview
|
|
159
|
+
</button>
|
|
160
|
+
<button class="mw-btn">
|
|
161
|
+
<i class="fas fa-upload"></i>
|
|
162
|
+
Publish
|
|
163
|
+
</button>
|
|
164
|
+
</div>
|
|
165
|
+
</div>
|
|
166
|
+
</div>
|
|
167
|
+
</div>
|
|
168
|
+
</div>
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
<h3 class="mw-section-subtitle">Buttons</h3>
|
|
2
|
+
|
|
3
|
+
<div class="mw-grid-1">
|
|
4
|
+
<div>
|
|
5
|
+
<h3 class="mw-mb-4">Button Styles</h3>
|
|
6
|
+
<div class="mw-card mw-card-simple">
|
|
7
|
+
<div class="mw-d-flex mw-flex-wrap mw-items-center mw-gap-4">
|
|
8
|
+
<button type="button" class="mw-btn mw-btn-primary">
|
|
9
|
+
Primary Button
|
|
10
|
+
</button>
|
|
11
|
+
<button type="button" class="mw-btn mw-btn-secondary">
|
|
12
|
+
Secondary Button
|
|
13
|
+
</button>
|
|
14
|
+
<button type="button" class="mw-btn mw-btn-outline">
|
|
15
|
+
Outline Button
|
|
16
|
+
</button>
|
|
17
|
+
<button type="button" class="mw-btn mw-btn-link">Link Button</button>
|
|
18
|
+
<button type="button" class="mw-btn mw-btn-link-muted">
|
|
19
|
+
Link Muted
|
|
20
|
+
</button>
|
|
21
|
+
<button type="button" class="mw-btn mw-btn-primary" disabled>
|
|
22
|
+
Primary Button Disabled
|
|
23
|
+
</button>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
|
|
28
|
+
<div>
|
|
29
|
+
<h3 class="mw-mb-4">Button Sizes</h3>
|
|
30
|
+
<div class="mw-card mw-card-simple">
|
|
31
|
+
<div class="mw-d-flex mw-flex-wrap mw-items-center mw-gap-4">
|
|
32
|
+
<button type="button" class="mw-btn mw-btn-primary mw-btn-sm">
|
|
33
|
+
Small Button
|
|
34
|
+
</button>
|
|
35
|
+
<button type="button" class="mw-btn mw-btn-primary">
|
|
36
|
+
Default Button
|
|
37
|
+
</button>
|
|
38
|
+
<button type="button" class="mw-btn mw-btn-primary mw-btn-lg">
|
|
39
|
+
Large Button
|
|
40
|
+
</button>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
<div>
|
|
46
|
+
<h3 class="mw-mb-4">Buttons with Icons</h3>
|
|
47
|
+
<div class="mw-card mw-card-simple">
|
|
48
|
+
<div class="mw-d-flex mw-flex-wrap mw-items-center mw-gap-4">
|
|
49
|
+
<button type="button" class="mw-btn mw-btn-primary mw-btn-icon">
|
|
50
|
+
<i class="fas fa-save"></i>
|
|
51
|
+
Save Changes
|
|
52
|
+
</button>
|
|
53
|
+
|
|
54
|
+
<button type="button" class="mw-btn mw-btn-secondary mw-btn-icon">
|
|
55
|
+
<i class="fas fa-plus"></i>
|
|
56
|
+
Add Item
|
|
57
|
+
</button>
|
|
58
|
+
|
|
59
|
+
<button
|
|
60
|
+
type="button"
|
|
61
|
+
href="#"
|
|
62
|
+
class="mw-btn mw-btn-outline mw-btn-icon"
|
|
63
|
+
>
|
|
64
|
+
<i class="fas fa-arrow-left"></i>
|
|
65
|
+
Go Back
|
|
66
|
+
</button>
|
|
67
|
+
|
|
68
|
+
<button
|
|
69
|
+
type="button"
|
|
70
|
+
class="mw-btn mw-btn-primary mw-btn-sm mw-btn-icon"
|
|
71
|
+
>
|
|
72
|
+
<i class="fas fa-check"></i>
|
|
73
|
+
OK
|
|
74
|
+
</button>
|
|
75
|
+
|
|
76
|
+
<button
|
|
77
|
+
type="button"
|
|
78
|
+
class="mw-btn mw-btn-outline mw-btn-lg mw-btn-icon"
|
|
79
|
+
>
|
|
80
|
+
<i class="fas fa-upload"></i>
|
|
81
|
+
Upload File
|
|
82
|
+
</button>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
|
|
87
|
+
<div>
|
|
88
|
+
<h3 class="mw-mb-4">Mini Icon Buttons</h3>
|
|
89
|
+
<div class="mw-card mw-card-simple">
|
|
90
|
+
<div class="mw-d-flex mw-flex-wrap mw-items-center mw-gap-4">
|
|
91
|
+
<button type="button" class="mw-btn-mini" title="Default / Plus">
|
|
92
|
+
<i class="fas fa-plus"></i>
|
|
93
|
+
</button>
|
|
94
|
+
<button
|
|
95
|
+
type="button"
|
|
96
|
+
class="mw-btn-mini mw-btn-mini-danger"
|
|
97
|
+
title="Danger / Minus"
|
|
98
|
+
>
|
|
99
|
+
<i class="fas fa-minus"></i>
|
|
100
|
+
</button>
|
|
101
|
+
<button
|
|
102
|
+
type="button"
|
|
103
|
+
class="mw-btn-mini mw-btn-mini-success"
|
|
104
|
+
title="Success / Check"
|
|
105
|
+
>
|
|
106
|
+
<i class="fas fa-check"></i>
|
|
107
|
+
</button>
|
|
108
|
+
<button
|
|
109
|
+
type="button"
|
|
110
|
+
class="mw-btn-mini mw-btn-mini-primary"
|
|
111
|
+
title="Primary / Address Card"
|
|
112
|
+
>
|
|
113
|
+
<i class="fas fa-address-card"></i>
|
|
114
|
+
</button>
|
|
115
|
+
<a
|
|
116
|
+
href="#"
|
|
117
|
+
class="mw-btn-mini mw-btn-mini-primary"
|
|
118
|
+
title="Als Link (a-Tag)"
|
|
119
|
+
>
|
|
120
|
+
<i class="fas fa-external-link-alt"></i>
|
|
121
|
+
</a>
|
|
122
|
+
<button
|
|
123
|
+
type="button"
|
|
124
|
+
class="mw-btn-mini"
|
|
125
|
+
disabled
|
|
126
|
+
title="Disabled Mini"
|
|
127
|
+
>
|
|
128
|
+
<i class="fas fa-times"></i>
|
|
129
|
+
</button>
|
|
130
|
+
</div>
|
|
131
|
+
</div>
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|