Completely remove 'skeleton'

Author: confused-Techie

docs/main.less

@@ -1,5 +1,3 @@
-//@import 'skeleton-less/less/skeleton.less';
-@import 'less/skeleton.less';
 @import 'less/mixins.less';
 @import 'less/themes.less';
 @import 'less/content.less';

less/base.less

@@ -90,6 +90,15 @@ td:last-child {
   padding-right: 0;
 }
 
+@media (min-width: @bp-larger-than-phablet) {
+  h1 { font-size: 5.0rem; }
+  h2 { font-size: 4.2rem; }
+  h3 { font-size: 3.6rem; }
+  h4 { font-size: 3.0rem; }
+  h5 { font-size: 2.4rem; }
+  h6 { font-size: 1.5rem; }
+}
+
 h1, h2, h3, h4, h5, h6 {
   // Box Model
   margin-top: 0;
@@ -103,15 +112,6 @@ h4 { .h4(); }
 h5 { .h5(); }
 h6 { .h6(); }
 
-@media (min-width: @bp-larger-than-phablet) {
-  h1 { font-size: 5.0rem; }
-  h2 { font-size: 4.2rem; }
-  h3 { font-size: 3.6rem; }
-  h4 { font-size: 3.0rem; }
-  h5 { font-size: 2.4rem; }
-  h6 { font-size: 1.5rem; }
-}
-
 * {
   & > :is(h1, h2, h3, h4, h5, h6) {
     // Box Model

less/content.less

@@ -14,6 +14,38 @@
   margin: 0 auto;
 }
 
+.container {
+  // Position & Layout
+  position: relative;
+  // Box Model
+  width: 100%;
+  max-width: @container-width;
+  margin: 0 auto;
+  padding: 0 20px;
+  box-sizing: border-box;
+}
+
+@media (min-width: @bp-larger-than-mobile) {
+  .container {
+    // Box Model
+    width: @container-width-larger-than-mobile;
+    padding: 0;
+  }
+}
+
+@media (min-width: @bp-larger-than-phablet) {
+  .container {
+    width: @container-width-larger-than-phablet;
+  }
+}
+
+.container:after,
+.row:after,
+.u-cf {
+  content: "";
+  display: table;
+  clear: both;
+}
 
 .content .container {
   // Box Model

less/skeleton.less

@@ -15,5 +15,17 @@
 
 // === Variables from skeleton
 
+// Breakpoints
+@bp-larger-than-mobile    : 400px;
+@bp-larger-than-phablet   : 550px;
+@bp-larger-than-tablet    : 750px;
+@bp-larger-than-desktop   : 1000px;
+@bp-larger-than-desktophd : 1200px;
+
+// Grid Variables
+@container-width: 960px;
+@container-width-larger-than-mobile: 85%;
+@container-width-larger-than-phablet: 80%;
+
 // Misc
 @global-radius: 4px;

less/variables.less

@@ -27,7 +27,6 @@
     "markdown-it-kbd": "^2.2.2",
     "pulsardoc": "github:confused-Techie/pulsardoc",
     "semver": "^7.6.0",
-    "skeleton-less": "github:WhatsNewSaes/Skeleton-Less",
     "terser": "^5.28.1"
   },
   "peerDependencies": {