bootsteam-theme 5.3.0 → 5.3.2
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/dist/bootsteam-theme.css +12397 -12318
- package/dist/bootsteam-theme.min.css +5 -5
- package/docs/alerts.html +9 -8
- package/docs/badges.html +19 -18
- package/docs/buttons.html +12 -8
- package/docs/carousel.html +8 -7
- package/docs/collapse.html +39 -7
- package/docs/containers.html +103 -53
- package/docs/css/bootsteam-theme.min.css +5 -5
- package/docs/dialogs.html +8 -7
- package/docs/forms.html +54 -30
- package/docs/index.html +8 -7
- package/docs/navs.html +11 -10
- package/docs/offcanvas.html +8 -7
- package/docs/plugins.html +10 -9
- package/docs/scripts/scripts.js +0 -6
- package/docs/spinners.html +8 -7
- package/docs/tables.html +26 -100
- package/docs/themes.html +20 -66
- package/docs/toasts.html +12 -11
- package/docs/typography.html +48 -31
- package/docs-templates/alerts.html +1 -1
- package/docs-templates/badges.html +11 -11
- package/docs-templates/buttons.html +4 -1
- package/docs-templates/collapse.html +31 -0
- package/docs-templates/containers.html +104 -48
- package/docs-templates/forms.html +47 -24
- package/docs-templates/navs.html +3 -3
- package/docs-templates/partials/_nav.html +6 -5
- package/docs-templates/partials/_scripts.html +3 -2
- package/docs-templates/plugins.html +2 -2
- package/docs-templates/tables.html +18 -93
- package/docs-templates/themes.html +12 -3
- package/docs-templates/toasts.html +4 -4
- package/docs-templates/typography.html +38 -22
- package/gulpfile.js +5 -1
- package/package.json +3 -3
- package/src/_alerts.scss +7 -7
- package/src/_buttons.scss +93 -0
- package/src/_darkThemeOverrides.scss +24 -7
- package/src/_detailsElement.scss +44 -0
- package/src/_fieldset.scss +1 -0
- package/src/_forms.scss +1 -112
- package/src/_tables.scss +55 -43
- package/src/_text.scss +48 -0
- package/src/_twr-variables.scss +29 -10
- package/src/bootsteam.scss +6 -3
- package/src/plugins/_slimSelect.scss +1 -1
- package/src/_twr-variables-dark.scss +0 -23
package/docs/alerts.html
CHANGED
|
@@ -12,21 +12,21 @@
|
|
|
12
12
|
</head>
|
|
13
13
|
|
|
14
14
|
<body>
|
|
15
|
-
<nav class="navbar navbar-expand-lg navbar-dark bg-
|
|
15
|
+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
|
16
16
|
<div class="container">
|
|
17
|
-
<a href="index.html" class="navbar-brand">
|
|
17
|
+
<a href="index.html" class="navbar-brand">Tower Bootstrap Theme</a>
|
|
18
18
|
|
|
19
|
-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-area">
|
|
19
|
+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-area" aria-label="Toggle Navigation">
|
|
20
20
|
<span class="navbar-toggler-icon"></span>
|
|
21
21
|
</button>
|
|
22
22
|
|
|
23
23
|
<div class="collapse navbar-collapse" id="navbar-collapse-area">
|
|
24
24
|
<ul class="navbar-nav ms-auto">
|
|
25
25
|
<li class="nav-item dropdown">
|
|
26
|
-
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
|
26
|
+
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-label="Theme Changer">
|
|
27
27
|
<span id="current-theme"></span> <span class="d-md-none">Switch Themes</span>
|
|
28
28
|
</button>
|
|
29
|
-
<div class="dropdown-menu
|
|
29
|
+
<div class="dropdown-menu">
|
|
30
30
|
<button type="button" class="dropdown-item" data-bs-theme-value="light"><span class="mdi mdi-weather-sunny"></span> Light</button>
|
|
31
31
|
<button type="button" class="dropdown-item" data-bs-theme-value="dark"><span class="mdi mdi-weather-night"></span> Dark</button>
|
|
32
32
|
<button type="button" class="dropdown-item" data-bs-theme-value="auto"><span class="mdi mdi-theme-light-dark"></span> Auto</button>
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
<div class="row">
|
|
54
54
|
<div class="col-12 col-sm-6">
|
|
55
55
|
<div class="alert alert-primary alert-dismissible fade show" role="alert">
|
|
56
|
-
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
|
56
|
+
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
57
57
|
<div>This is a primary alert</div>
|
|
58
58
|
<a href="#">Test Link</a>
|
|
59
59
|
</div>
|
|
@@ -110,8 +110,9 @@
|
|
|
110
110
|
</footer>
|
|
111
111
|
|
|
112
112
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
113
|
-
|
|
114
|
-
|
|
113
|
+
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
114
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>-->
|
|
115
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
|
|
115
116
|
<script src="scripts/scripts.js"></script>
|
|
116
117
|
</body>
|
|
117
118
|
|
package/docs/badges.html
CHANGED
|
@@ -12,21 +12,21 @@
|
|
|
12
12
|
</head>
|
|
13
13
|
|
|
14
14
|
<body>
|
|
15
|
-
<nav class="navbar navbar-expand-lg navbar-dark bg-
|
|
15
|
+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
|
16
16
|
<div class="container">
|
|
17
|
-
<a href="index.html" class="navbar-brand">
|
|
17
|
+
<a href="index.html" class="navbar-brand">Tower Bootstrap Theme</a>
|
|
18
18
|
|
|
19
|
-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-area">
|
|
19
|
+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-area" aria-label="Toggle Navigation">
|
|
20
20
|
<span class="navbar-toggler-icon"></span>
|
|
21
21
|
</button>
|
|
22
22
|
|
|
23
23
|
<div class="collapse navbar-collapse" id="navbar-collapse-area">
|
|
24
24
|
<ul class="navbar-nav ms-auto">
|
|
25
25
|
<li class="nav-item dropdown">
|
|
26
|
-
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
|
26
|
+
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-label="Theme Changer">
|
|
27
27
|
<span id="current-theme"></span> <span class="d-md-none">Switch Themes</span>
|
|
28
28
|
</button>
|
|
29
|
-
<div class="dropdown-menu
|
|
29
|
+
<div class="dropdown-menu">
|
|
30
30
|
<button type="button" class="dropdown-item" data-bs-theme-value="light"><span class="mdi mdi-weather-sunny"></span> Light</button>
|
|
31
31
|
<button type="button" class="dropdown-item" data-bs-theme-value="dark"><span class="mdi mdi-weather-night"></span> Dark</button>
|
|
32
32
|
<button type="button" class="dropdown-item" data-bs-theme-value="auto"><span class="mdi mdi-theme-light-dark"></span> Auto</button>
|
|
@@ -85,43 +85,43 @@
|
|
|
85
85
|
<div class="mb-4">
|
|
86
86
|
<h5>Standard</h5>
|
|
87
87
|
<div class="progress mb-2">
|
|
88
|
-
<div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
|
88
|
+
<div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" aria-label="Default Progress Bar"></div>
|
|
89
89
|
</div>
|
|
90
90
|
<div class="progress mb-2">
|
|
91
|
-
<div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
|
91
|
+
<div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" aria-label="Success Progress Bar"></div>
|
|
92
92
|
</div>
|
|
93
93
|
<div class="progress mb-2">
|
|
94
|
-
<div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
|
94
|
+
<div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" aria-label="Info Progress Bar"></div>
|
|
95
95
|
</div>
|
|
96
96
|
<div class="progress mb-2">
|
|
97
|
-
<div class="progress-bar bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
|
97
|
+
<div class="progress-bar bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" aria-label="Warning Progress Bar"></div>
|
|
98
98
|
</div>
|
|
99
99
|
<div class="progress mb-2">
|
|
100
|
-
<div class="progress-bar bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
|
|
100
|
+
<div class="progress-bar bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" aria-label="Danger Progress Bar"></div>
|
|
101
101
|
</div>
|
|
102
102
|
</div>
|
|
103
103
|
<div class="mb-4">
|
|
104
104
|
<h5>Striped</h5>
|
|
105
105
|
<div class="progress mb-2">
|
|
106
|
-
<div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
|
|
106
|
+
<div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" aria-label="Default Striped Progress Bar"></div>
|
|
107
107
|
</div>
|
|
108
108
|
<div class="progress mb-2">
|
|
109
|
-
<div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
|
109
|
+
<div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" aria-label="Success Striped Progress Bar"></div>
|
|
110
110
|
</div>
|
|
111
111
|
<div class="progress mb-2">
|
|
112
|
-
<div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
|
112
|
+
<div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" aria-label="Info Striped Progress Bar"></div>
|
|
113
113
|
</div>
|
|
114
114
|
<div class="progress mb-2">
|
|
115
|
-
<div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
|
115
|
+
<div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" aria-label="Warning Striped Progress Bar"></div>
|
|
116
116
|
</div>
|
|
117
117
|
<div class="progress mb-2">
|
|
118
|
-
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
|
|
118
|
+
<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" aria-label="Danger Striped Progress Bar"></div>
|
|
119
119
|
</div>
|
|
120
120
|
</div>
|
|
121
121
|
<div class="mb-4">
|
|
122
122
|
<h5>Animated Stripes</h5>
|
|
123
123
|
<div class="progress">
|
|
124
|
-
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
|
|
124
|
+
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%" aria-label="Default Animated Striped Progress Bar"></div>
|
|
125
125
|
</div>
|
|
126
126
|
</div>
|
|
127
127
|
</main>
|
|
@@ -132,8 +132,9 @@
|
|
|
132
132
|
</footer>
|
|
133
133
|
|
|
134
134
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
135
|
-
|
|
136
|
-
|
|
135
|
+
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
136
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>-->
|
|
137
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
|
|
137
138
|
<script src="scripts/scripts.js"></script>
|
|
138
139
|
</body>
|
|
139
140
|
|
package/docs/buttons.html
CHANGED
|
@@ -12,21 +12,21 @@
|
|
|
12
12
|
</head>
|
|
13
13
|
|
|
14
14
|
<body>
|
|
15
|
-
<nav class="navbar navbar-expand-lg navbar-dark bg-
|
|
15
|
+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
|
16
16
|
<div class="container">
|
|
17
|
-
<a href="index.html" class="navbar-brand">
|
|
17
|
+
<a href="index.html" class="navbar-brand">Tower Bootstrap Theme</a>
|
|
18
18
|
|
|
19
|
-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-area">
|
|
19
|
+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-area" aria-label="Toggle Navigation">
|
|
20
20
|
<span class="navbar-toggler-icon"></span>
|
|
21
21
|
</button>
|
|
22
22
|
|
|
23
23
|
<div class="collapse navbar-collapse" id="navbar-collapse-area">
|
|
24
24
|
<ul class="navbar-nav ms-auto">
|
|
25
25
|
<li class="nav-item dropdown">
|
|
26
|
-
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
|
26
|
+
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-label="Theme Changer">
|
|
27
27
|
<span id="current-theme"></span> <span class="d-md-none">Switch Themes</span>
|
|
28
28
|
</button>
|
|
29
|
-
<div class="dropdown-menu
|
|
29
|
+
<div class="dropdown-menu">
|
|
30
30
|
<button type="button" class="dropdown-item" data-bs-theme-value="light"><span class="mdi mdi-weather-sunny"></span> Light</button>
|
|
31
31
|
<button type="button" class="dropdown-item" data-bs-theme-value="dark"><span class="mdi mdi-weather-night"></span> Dark</button>
|
|
32
32
|
<button type="button" class="dropdown-item" data-bs-theme-value="auto"><span class="mdi mdi-theme-light-dark"></span> Auto</button>
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
<button type="button" class="btn btn-light">Light</button>
|
|
61
61
|
<button type="button" class="btn btn-dark">Dark</button>
|
|
62
62
|
<button type="button" class="btn btn-link">Link</button>
|
|
63
|
+
<button type="button" class="btn btn-accent">Accent</button>
|
|
63
64
|
</p>
|
|
64
65
|
<p>
|
|
65
66
|
<button type="button" class="btn btn-primary disabled">Primary</button>
|
|
@@ -71,6 +72,7 @@
|
|
|
71
72
|
<button type="button" class="btn btn-light disabled">Light</button>
|
|
72
73
|
<button type="button" class="btn btn-dark disabled">Dark</button>
|
|
73
74
|
<button type="button" class="btn btn-link disabled">Link</button>
|
|
75
|
+
<button type="button" class="btn btn-accent disabled">Accent</button>
|
|
74
76
|
</p>
|
|
75
77
|
<p>
|
|
76
78
|
<button type="button" class="btn btn-outline-primary">Primary</button>
|
|
@@ -95,7 +97,7 @@
|
|
|
95
97
|
|
|
96
98
|
<h3 class="display-4">Dropdowns</h3>
|
|
97
99
|
<hr />
|
|
98
|
-
<div
|
|
100
|
+
<div>
|
|
99
101
|
<button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
100
102
|
Action
|
|
101
103
|
</button>
|
|
@@ -178,6 +180,7 @@
|
|
|
178
180
|
<a class="dropdown-item" href="#">Separated link</a>
|
|
179
181
|
</div>
|
|
180
182
|
</div>
|
|
183
|
+
|
|
181
184
|
</main>
|
|
182
185
|
|
|
183
186
|
<footer class="container">
|
|
@@ -186,8 +189,9 @@
|
|
|
186
189
|
</footer>
|
|
187
190
|
|
|
188
191
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
189
|
-
|
|
190
|
-
|
|
192
|
+
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
193
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>-->
|
|
194
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
|
|
191
195
|
<script src="scripts/scripts.js"></script>
|
|
192
196
|
</body>
|
|
193
197
|
|
package/docs/carousel.html
CHANGED
|
@@ -12,21 +12,21 @@
|
|
|
12
12
|
</head>
|
|
13
13
|
|
|
14
14
|
<body>
|
|
15
|
-
<nav class="navbar navbar-expand-lg navbar-dark bg-
|
|
15
|
+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
|
16
16
|
<div class="container">
|
|
17
|
-
<a href="index.html" class="navbar-brand">
|
|
17
|
+
<a href="index.html" class="navbar-brand">Tower Bootstrap Theme</a>
|
|
18
18
|
|
|
19
|
-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-area">
|
|
19
|
+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-area" aria-label="Toggle Navigation">
|
|
20
20
|
<span class="navbar-toggler-icon"></span>
|
|
21
21
|
</button>
|
|
22
22
|
|
|
23
23
|
<div class="collapse navbar-collapse" id="navbar-collapse-area">
|
|
24
24
|
<ul class="navbar-nav ms-auto">
|
|
25
25
|
<li class="nav-item dropdown">
|
|
26
|
-
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
|
26
|
+
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-label="Theme Changer">
|
|
27
27
|
<span id="current-theme"></span> <span class="d-md-none">Switch Themes</span>
|
|
28
28
|
</button>
|
|
29
|
-
<div class="dropdown-menu
|
|
29
|
+
<div class="dropdown-menu">
|
|
30
30
|
<button type="button" class="dropdown-item" data-bs-theme-value="light"><span class="mdi mdi-weather-sunny"></span> Light</button>
|
|
31
31
|
<button type="button" class="dropdown-item" data-bs-theme-value="dark"><span class="mdi mdi-weather-night"></span> Dark</button>
|
|
32
32
|
<button type="button" class="dropdown-item" data-bs-theme-value="auto"><span class="mdi mdi-theme-light-dark"></span> Auto</button>
|
|
@@ -101,8 +101,9 @@
|
|
|
101
101
|
</footer>
|
|
102
102
|
|
|
103
103
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
105
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>-->
|
|
106
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
|
|
106
107
|
<script src="scripts/scripts.js"></script>
|
|
107
108
|
</body>
|
|
108
109
|
|
package/docs/collapse.html
CHANGED
|
@@ -12,21 +12,21 @@
|
|
|
12
12
|
</head>
|
|
13
13
|
|
|
14
14
|
<body>
|
|
15
|
-
<nav class="navbar navbar-expand-lg navbar-dark bg-
|
|
15
|
+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
|
16
16
|
<div class="container">
|
|
17
|
-
<a href="index.html" class="navbar-brand">
|
|
17
|
+
<a href="index.html" class="navbar-brand">Tower Bootstrap Theme</a>
|
|
18
18
|
|
|
19
|
-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-area">
|
|
19
|
+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-area" aria-label="Toggle Navigation">
|
|
20
20
|
<span class="navbar-toggler-icon"></span>
|
|
21
21
|
</button>
|
|
22
22
|
|
|
23
23
|
<div class="collapse navbar-collapse" id="navbar-collapse-area">
|
|
24
24
|
<ul class="navbar-nav ms-auto">
|
|
25
25
|
<li class="nav-item dropdown">
|
|
26
|
-
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
|
26
|
+
<button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-label="Theme Changer">
|
|
27
27
|
<span id="current-theme"></span> <span class="d-md-none">Switch Themes</span>
|
|
28
28
|
</button>
|
|
29
|
-
<div class="dropdown-menu
|
|
29
|
+
<div class="dropdown-menu">
|
|
30
30
|
<button type="button" class="dropdown-item" data-bs-theme-value="light"><span class="mdi mdi-weather-sunny"></span> Light</button>
|
|
31
31
|
<button type="button" class="dropdown-item" data-bs-theme-value="dark"><span class="mdi mdi-weather-night"></span> Dark</button>
|
|
32
32
|
<button type="button" class="dropdown-item" data-bs-theme-value="auto"><span class="mdi mdi-theme-light-dark"></span> Auto</button>
|
|
@@ -51,6 +51,8 @@
|
|
|
51
51
|
|
|
52
52
|
<h2 class="display-5">Collapse</h2>
|
|
53
53
|
<hr />
|
|
54
|
+
|
|
55
|
+
<h4>Bootstrap Accordion</h4>
|
|
54
56
|
<div class="accordion" id="accordionExample">
|
|
55
57
|
<div class="accordion-item">
|
|
56
58
|
<h2 class="accordion-header" id="headingOne">
|
|
@@ -89,6 +91,35 @@
|
|
|
89
91
|
</div>
|
|
90
92
|
</div>
|
|
91
93
|
</div>
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
<hr />
|
|
97
|
+
|
|
98
|
+
<h4>HTML Details Element</h4>
|
|
99
|
+
|
|
100
|
+
<details name="detail-test">
|
|
101
|
+
<summary>Details Item 1</summary>
|
|
102
|
+
<div>
|
|
103
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
104
|
+
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
105
|
+
</div>
|
|
106
|
+
</details>
|
|
107
|
+
|
|
108
|
+
<details name="detail-test">
|
|
109
|
+
<summary>Details Item 2</summary>
|
|
110
|
+
<div>
|
|
111
|
+
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor.
|
|
112
|
+
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
|
|
113
|
+
</div>
|
|
114
|
+
</details>
|
|
115
|
+
|
|
116
|
+
<details name="detail-test">
|
|
117
|
+
<summary>Details Item 3</summary>
|
|
118
|
+
<div>
|
|
119
|
+
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor.
|
|
120
|
+
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
|
|
121
|
+
</div>
|
|
122
|
+
</details>
|
|
92
123
|
</main>
|
|
93
124
|
|
|
94
125
|
<footer class="container">
|
|
@@ -97,8 +128,9 @@
|
|
|
97
128
|
</footer>
|
|
98
129
|
|
|
99
130
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
100
|
-
|
|
101
|
-
|
|
131
|
+
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
132
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>-->
|
|
133
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
|
|
102
134
|
<script src="scripts/scripts.js"></script>
|
|
103
135
|
</body>
|
|
104
136
|
|