bootsteam-theme 5.3.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.
Files changed (58) hide show
  1. package/.gitattributes +66 -0
  2. package/README.md +5 -0
  3. package/dist/bootsteam-theme.css +12319 -0
  4. package/dist/bootsteam-theme.min.css +5 -0
  5. package/docs/alerts.html +118 -0
  6. package/docs/badges.html +140 -0
  7. package/docs/buttons.html +194 -0
  8. package/docs/carousel.html +109 -0
  9. package/docs/collapse.html +105 -0
  10. package/docs/containers.html +307 -0
  11. package/docs/css/bootsteam-theme.min.css +5 -0
  12. package/docs/dialogs.html +154 -0
  13. package/docs/forms.html +335 -0
  14. package/docs/index.html +108 -0
  15. package/docs/navs.html +250 -0
  16. package/docs/offcanvas.html +92 -0
  17. package/docs/plugins.html +99 -0
  18. package/docs/scripts/scripts.js +70 -0
  19. package/docs/scripts/themeHandler.js +57 -0
  20. package/docs/spinners.html +145 -0
  21. package/docs/tables.html +613 -0
  22. package/docs/themes.html +166 -0
  23. package/docs/toasts.html +119 -0
  24. package/docs/typography.html +176 -0
  25. package/docs-templates/alerts.html +76 -0
  26. package/docs-templates/badges.html +98 -0
  27. package/docs-templates/buttons.html +152 -0
  28. package/docs-templates/carousel.html +67 -0
  29. package/docs-templates/collapse.html +63 -0
  30. package/docs-templates/containers.html +265 -0
  31. package/docs-templates/dialogs.html +112 -0
  32. package/docs-templates/forms.html +293 -0
  33. package/docs-templates/index.html +66 -0
  34. package/docs-templates/navs.html +208 -0
  35. package/docs-templates/offcanvas.html +50 -0
  36. package/docs-templates/partials/_footer.html +4 -0
  37. package/docs-templates/partials/_head.html +7 -0
  38. package/docs-templates/partials/_nav.html +29 -0
  39. package/docs-templates/partials/_scripts.html +5 -0
  40. package/docs-templates/plugins.html +57 -0
  41. package/docs-templates/spinners.html +103 -0
  42. package/docs-templates/tables.html +571 -0
  43. package/docs-templates/themes.html +68 -0
  44. package/docs-templates/toasts.html +77 -0
  45. package/docs-templates/typography.html +134 -0
  46. package/gulpfile.js +51 -0
  47. package/package.json +17 -0
  48. package/src/_alerts.scss +65 -0
  49. package/src/_darkThemeOverrides.scss +74 -0
  50. package/src/_fieldset.scss +27 -0
  51. package/src/_forms.scss +134 -0
  52. package/src/_tables.scss +77 -0
  53. package/src/_twr-variables-dark.scss +23 -0
  54. package/src/_twr-variables.scss +71 -0
  55. package/src/bootsteam.scss +25 -0
  56. package/src/plugins/_allPlugins.scss +2 -0
  57. package/src/plugins/_slimSelect.scss +106 -0
  58. package/src/plugins/_summernote.scss +45 -0
package/docs-templates/dialogs.html ADDED
@@ -0,0 +1,112 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ @@include('./partials/_head.html', {
5
+ "title": "Dialogs | Tower Bootstrap Theme"
6
+ })
7
+ </head>
8
+ <body>
9
+ @@include('./partials/_nav.html')
10
+
11
+ <main class="container mt-5 pt-2">
12
+ <ol class="breadcrumb">
13
+ <li class="breadcrumb-item"><a href="index.html">Homepage</a></li>
14
+ <li class="breadcrumb-item active">Dialogs</li>
15
+ </ol>
16
+
17
+
18
+ <h2 class="display-5"></h2>
19
+ <hr />
20
+ <div class="row">
21
+ <div class="col-12 col-sm-4">
22
+ <h4>Modals</h4>
23
+ <p>
24
+ <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Open Modal</button>
25
+ </p>
26
+
27
+ </div>
28
+ <div class="col-12 col-sm-8">
29
+ <h4>Popovers</h4>
30
+ <p>
31
+ <button type="button" class="btn btn-lg btn-danger" data-bs-toggle="popover" title="Popover title" data-bs-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
32
+ </p>
33
+ <div class="row">
34
+ <div class="col-4 offset-4 text-center">
35
+ <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Top popover" data-bs-trigger="focus">
36
+ Popover on top
37
+ </button>
38
+ </div>
39
+ </div>
40
+ <div class="row">
41
+ <div class="col-4 text-center">
42
+ <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Left popover" data-bs-trigger="focus">
43
+ Popover on left
44
+ </button>
45
+ </div>
46
+ <div class="col-4 offset-4 text-center">
47
+ <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Right popover" data-bs-trigger="focus">
48
+ Popover on right
49
+ </button>
50
+ </div>
51
+ </div>
52
+ <div class="row">
53
+ <div class="col-4 offset-4 text-center">
54
+ <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Bottom popover" data-bs-trigger="focus">
55
+ Popover on bottom
56
+ </button>
57
+ </div>
58
+ </div>
59
+
60
+ <h4>Tooltips</h4>
61
+ <div class="row">
62
+ <div class="col-4 offset-4 text-center">
63
+ <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">
64
+ Tooltip on top
65
+ </button>
66
+ </div>
67
+ </div>
68
+ <div class="row">
69
+ <div class="col-4 text-center">
70
+ <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="left" title="Tooltip on left">
71
+ Tooltip on left
72
+ </button>
73
+ </div>
74
+ <div class="col-4 offset-4 text-center">
75
+ <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on right">
76
+ Tooltip on right
77
+ </button>
78
+ </div>
79
+ </div>
80
+ <div class="row">
81
+ <div class="col-4 offset-4 text-center">
82
+ <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tooltip on bottom">
83
+ Tooltip on bottom
84
+ </button>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ </div>
89
+
90
+ <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
91
+ <div class="modal-dialog" role="document">
92
+ <div class="modal-content">
93
+ <div class="modal-header">
94
+ <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
95
+ <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
96
+ </div>
97
+ <div class="modal-body">
98
+ Test
99
+ </div>
100
+ <div class="modal-footer">
101
+ <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
102
+ <button type="button" class="btn btn-primary">Save changes</button>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </main>
108
+
109
+ @@include('./partials/_footer.html')
110
+ @@include('./partials/_scripts.html')
111
+ </body>
112
+ </html>
package/docs-templates/forms.html ADDED
@@ -0,0 +1,293 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ @@include('./partials/_head.html', {
5
+ "title": "Forms | Tower Bootstrap Theme"
6
+ })
7
+ </head>
8
+ <body>
9
+ @@include('./partials/_nav.html')
10
+
11
+ <main class="container mt-5 pt-2">
12
+ <ol class="breadcrumb">
13
+ <li class="breadcrumb-item"><a href="index.html">Homepage</a></li>
14
+ <li class="breadcrumb-item active">Forms</li>
15
+ </ol>
16
+
17
+ <h2 class="display-4">Forms</h2>
18
+ <hr />
19
+ <div class="row">
20
+ <div class="col-12 col-sm-6 mb-3">
21
+ <form>
22
+ <div class="row">
23
+ <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
24
+ <div class="col-sm-10">
25
+ <span type="text" class="form-control-plaintext">email@example.com</span>
26
+ </div>
27
+ </div>
28
+ <div class="mb-3">
29
+ <label for="exampleInputEmail1">Email address</label>
30
+ <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
31
+ <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
32
+ </div>
33
+ <div class="mb-3">
34
+ <label for="exampleInputPassword1">Password</label>
35
+ <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
36
+ </div>
37
+ <div class="mb-3">
38
+ <label for="exampleSelect1">Example select</label>
39
+ <select class="form-select" id="exampleSelect1">
40
+ <optgroup label="Group 1">
41
+ <option>1</option>
42
+ <option>2</option>
43
+ <option>3</option>
44
+ </optgroup>
45
+ <optgroup label="Group 2">
46
+ <option>4</option>
47
+ <option>5</option>
48
+ </optgroup>
49
+ </select>
50
+ </div>
51
+ <div class="mb-3">
52
+ <label for="exampleSelect2">Example multiple select</label>
53
+ <select multiple="" class="form-select" id="exampleSelect2">
54
+ <option>1</option>
55
+ <option>2</option>
56
+ <option>3</option>
57
+ <option>4</option>
58
+ <option>5</option>
59
+ </select>
60
+ </div>
61
+ <div class="mb-3">
62
+ <label for="exampleTextarea">Date</label>
63
+ <input type="date" class="form-control" id="exampleDate" />
64
+ </div>
65
+ <div class="mb-3">
66
+ <label for="exampleTextarea">Time</label>
67
+ <input type="time" class="form-control" id="exampleTime" />
68
+ </div>
69
+ <div class="mb-3">
70
+ <label for="exampleTextarea">DateTime</label>
71
+ <input type="datetime-local" class="form-control" id="exampleDateTime" />
72
+ </div>
73
+ <div class="mb-3">
74
+ <label for="exampleTextarea">Week</label>
75
+ <input type="week" class="form-control" id="exampleWeek" />
76
+ </div>
77
+ <div class="mb-3">
78
+ <label for="exampleTextarea">Month</label>
79
+ <input type="month" class="form-control" id="exampleMonth" />
80
+ </div>
81
+ <div class="mb-3">
82
+ <label for="exampleTextarea">Example TextArea</label>
83
+ <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
84
+ </div>
85
+ </form>
86
+ </div>
87
+
88
+ <div class="col-12 col-sm-6 mb-3">
89
+ <div class="mb-3">
90
+ <fieldset disabled="">
91
+ <div class="mb-3">
92
+ <label class="control-label" for="disabledInput">Disabled input</label>
93
+ <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled="">
94
+ </div>
95
+ <label class="control-label" for="disabledInput">Disabled select</label>
96
+ <select class="form-select" id="disabledSelect" disabled="">
97
+ <option value="1">Option 1</option>
98
+ </select>
99
+ </fieldset>
100
+ </div>
101
+
102
+ <div class="mb-3">
103
+ <fieldset>
104
+ <label class="control-label" for="readOnlyInput">Readonly input</label>
105
+ <input class="form-control" id="readOnlyInput" type="text" value="Readonly input here�" readonly="">
106
+ </fieldset>
107
+ </div>
108
+
109
+ <div class="has-success">
110
+ <label class="form-control-label" for="inputSuccess1">Valid input</label>
111
+ <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
112
+ <div class="valid-feedback">Success! You've done it.</div>
113
+ </div>
114
+
115
+ <div class="has-danger">
116
+ <label class="form-control-label" for="inputDanger1">Invalid input</label>
117
+ <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
118
+ <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
119
+ </div>
120
+
121
+ <div class="mb-3">
122
+ <label class="col-form-label col-form-label-lg" for="inputLarge">Large input</label>
123
+ <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
124
+ </div>
125
+
126
+ <div class="mb-3">
127
+ <label class="col-form-label" for="inputDefault">Default input</label>
128
+ <input type="text" class="form-control" placeholder="Default input" id="inputDefault">
129
+ </div>
130
+
131
+ <div class="mb-3">
132
+ <label class="col-form-label col-form-label-sm" for="inputSmall">Small input</label>
133
+ <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
134
+ </div>
135
+
136
+ <div class="mb-3">
137
+ <label class="control-label">Input addons</label>
138
+ <div class="input-group mb-3">
139
+ <span class="input-group-text">$</span>
140
+ <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
141
+ <span class="input-group-text">.00</span>
142
+ </div>
143
+ </div>
144
+
145
+ <div class="mb-3">
146
+ <label for="exampleInputFile" class="d-block">Default File Input</label>
147
+ <input type="file" id="exampleInputFile" aria-describedby="fileHelp">
148
+ </div>
149
+ <div class="mb-3">
150
+ <label for="exampleInputFile">Form Control File Input</label>
151
+ <input type="file" class="form-control" id="customFile">
152
+ </div>
153
+ </div>
154
+ </div>
155
+
156
+ <div class="row mb-3">
157
+ <h5>Input Group</h5>
158
+ <div class="col">
159
+ <div class="input-group">
160
+ <input type="text" class="form-control" />
161
+ <select class="form-select">
162
+ <option>Option 1</option>
163
+ <option>Option 2</option>
164
+ <option>Option 3</option>
165
+ </select>
166
+ <button type="button" class="btn btn-primary">Search</button>
167
+ </div>
168
+ </div>
169
+ </div>
170
+
171
+ <div class="row">
172
+ <div class="col-12 col-sm-6 mb-3">
173
+ <fieldset class="mb-3">
174
+ <legend>Checkboxes</legend>
175
+ <div class="form-check">
176
+ <label class="form-check-label">
177
+ <input class="form-check-input" type="checkbox" value="" checked="">
178
+ Option one is this and that�be sure to include why it's great
179
+ </label>
180
+ </div>
181
+ <div class="form-check disabled">
182
+ <label class="form-check-label">
183
+ <input class="form-check-input" type="checkbox" value="" disabled="">
184
+ Option two is disabled
185
+ </label>
186
+ </div>
187
+ </fieldset>
188
+ </div>
189
+
190
+ <div class="col-12 col-sm-6 mb-3">
191
+ <fieldset class="mb-3">
192
+ <legend>Radio buttons</legend>
193
+ <div class="form-check">
194
+ <label class="form-check-label">
195
+ <input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
196
+ Option one is this and that�be sure to include why it's great
197
+ </label>
198
+ </div>
199
+ <div class="form-check">
200
+ <label class="form-check-label">
201
+ <input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2">
202
+ Option two can be something else and selecting it will deselect option one
203
+ </label>
204
+ </div>
205
+ <div class="form-check disabled">
206
+ <label class="form-check-label">
207
+ <input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios3" value="option3" disabled="">
208
+ Option three is disabled
209
+ </label>
210
+ </div>
211
+ </fieldset>
212
+ </div>
213
+
214
+ <div class="col-12 col-sm-6 mb-3">
215
+ <fieldset>
216
+ <legend>Checkbox Switches</legend>
217
+ <div class="form-check form-switch">
218
+ <input type="checkbox" class="form-check-input" id="customSwitch1">
219
+ <label class="form-check-label" for="customSwitch1">Toggle this switch element</label>
220
+ </div>
221
+ <div class="form-check form-switch">
222
+ <input type="checkbox" class="form-check-input" disabled id="customSwitch2">
223
+ <label class="form-check-label" for="customSwitch2">Disabled switch element</label>
224
+ </div>
225
+ </fieldset>
226
+ </div>
227
+ <div class="col-12 col-sm-6 mb-3">
228
+ <fieldset>
229
+ <legend>Color Picker</legend>
230
+ <label for="exampleColorInput" class="form-label">Color picker</label>
231
+ <input type="color" class="form-control form-control-color" id="exampleColorInput" value="#563d7c" title="Choose your color">
232
+ </fieldset>
233
+ </div>
234
+ <div class="col-12 col-sm-6 mb-3">
235
+ <fieldset>
236
+ <legend>Range</legend>
237
+ <label for="customRange1">Example range</label>
238
+ <input type="range" class="form-range" id="customRange1">
239
+
240
+ <label for="customRange2">Example range</label>
241
+ <input type="range" class="form-range" min="0" max="5" id="customRange2">
242
+ </fieldset>
243
+ </div>
244
+
245
+ <div class="col-12 col-sm-6 mb-3">
246
+ <fieldset>
247
+ <legend>Floating Labels</legend>
248
+ <div class="form-floating mb-3">
249
+ <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
250
+ <label for="floatingInput">Email address</label>
251
+ </div>
252
+ <div class="form-floating">
253
+ <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
254
+ <label for="floatingPassword">Password</label>
255
+ </div>
256
+ </fieldset>
257
+ </div>
258
+ </div>
259
+
260
+ <hr />
261
+
262
+ <fieldset>
263
+ <legend>ASP andjQuery Validation Classes</legend>
264
+
265
+ <div class="validation-summary-errors">
266
+ <ul>
267
+ <li>The text field is required</li>
268
+ <li>The select field is required</li>
269
+ </ul>
270
+ </div>
271
+
272
+ <div class="mb-3">
273
+ <label>test</label>
274
+ <input type="text" class="form-control input-validation-error" />
275
+ <span class="field-validation-error">This field is required</span>
276
+ </div>
277
+ <div class="mb-3">
278
+ <label>test</label>
279
+ <select class="form-select input-validation-error">
280
+ <option value="">Select an Option</option>
281
+ <option value="1">Option 1</option>
282
+ <option value="2">Option 2</option>
283
+ </select>
284
+ <span class="field-validation-error">This field is required</span>
285
+ </div>
286
+ </fieldset>
287
+
288
+ </main>
289
+
290
+ @@include('./partials/_footer.html')
291
+ @@include('./partials/_scripts.html')
292
+ </body>
293
+ </html>
package/docs-templates/index.html ADDED
@@ -0,0 +1,66 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ @@include('./partials/_head.html', {
5
+ "title": "Tower Bootstrap Theme"
6
+ })
7
+ </head>
8
+ <body>
9
+ @@include('./partials/_nav.html')
10
+
11
+ <main class="container mt-5 pt-2">
12
+ <p>
13
+ <a href="buttons.html">Buttons and Dropdowns</a>
14
+ </p>
15
+ <p>
16
+ <a href="navs.html">Navs</a>
17
+ </p>
18
+ <p>
19
+ <a href="typography.html">Typography</a>
20
+ </p>
21
+ <p>
22
+ <a href="tables.html">Tables</a>
23
+ </p>
24
+ <p>
25
+ <a href="forms.html">Forms</a>
26
+ </p>
27
+ <p>
28
+ <a href="alerts.html">Alerts</a>
29
+ </p>
30
+ <p>
31
+ <a href="badges.html">Badges and Progress Bars</a>
32
+ </p>
33
+ <p>
34
+ <a href="containers.html">Containers</a>
35
+ </p>
36
+ <p>
37
+ <a href="dialogs.html">Dialogs</a>
38
+ </p>
39
+ <p>
40
+ <a href="carousel.html">Carousel</a>
41
+ </p>
42
+ <p>
43
+ <a href="collapse.html">Collapse</a>
44
+ </p>
45
+ <p>
46
+ <a href="spinners.html">Spinners</a>
47
+ </p>
48
+ <p>
49
+ <a href="toasts.html">Toasts</a>
50
+ </p>
51
+ <p>
52
+ <a href="offcanvas.html">Offcanvas</a>
53
+ </p>
54
+ <p>
55
+ <a href="plugins.html">Plugins</a>
56
+ </p>
57
+ <hr />
58
+ <p>
59
+ <a href="themes.html">Theme Switcher</a>
60
+ </p>
61
+ </main>
62
+
63
+ @@include('./partials/_footer.html')
64
+ @@include('./partials/_scripts.html')
65
+ </body>
66
+ </html>