Merge branch 'dev' of https://github.com/tabler/tabler into dev-offcanvas

demo/docs/badges.html

@@ -712,7 +712,7 @@
                         </figure>
                       </div>
                       <h2 id="pill-badges">Pill badges</h2>
-                      <p>Use the <code class="language-plaintext highlighter-rouge">.bagde-pill</code> class if you want to create a badge with rounded corners. Its width will adjust to the label text.</p>
+                      <p>Use the <code class="language-plaintext highlighter-rouge">.badge-pill</code> class if you want to create a badge with rounded corners. Its width will adjust to the label text.</p>
                       <div class="example no_toc_section example-centered">
                         <div class="example-content">
                           <span class="badge badge-pill bg-blue">1</span>
@@ -966,4 +966,4 @@
     <!-- Tabler Core -->
     <script src="../dist/js/tabler.min.js"></script>
   </body>
-</html>
+</html>

package.json

@@ -35,7 +35,7 @@
     "url": "https://github.com/sponsors/codecalm"
   },
   "engines": {
-    "node": ">=10"
+    "node": ">=14"
   },
   "files": [
     "dist/**/*",

src/pages/_docs/badges.md

@@ -20,7 +20,7 @@ The default badges are square and come in the basic set of colors.
 
 ## Pill badges
 
-Use the `.bagde-pill` class if you want to create a badge with rounded corners. Its width will adjust to the label text.
+Use the `.badge-pill` class if you want to create a badge with rounded corners. Its width will adjust to the label text.
 
 {% capture code %}
 {% for color in site.colors %}

src/scss/_bootstrap-components.scss

@@ -1,3 +1,4 @@
+// Components
 @import "~bootstrap/scss/root";
 @import "~bootstrap/scss/reboot";
 @import "~bootstrap/scss/type";

src/scss/_bootstrap-config.scss

@@ -1,3 +1,4 @@
+// Config
 @import "~bootstrap/scss/functions";
 @import "~bootstrap/scss/variables";
 @import "~bootstrap/scss/mixins";

src/scss/tabler.scss

@@ -1,2 +1,2 @@
-@import "tabler-core";
+@import "core";