Convert the site to Tailwind

.babelrc

@@ -0,0 +1,8 @@
+{
+    "plugins": [
+      ["prismjs", {
+          "languages": ["javascript", "css", "markup", "php"],
+          "css": false
+      }]
+    ]
+  }

package.json

@@ -10,11 +10,14 @@
         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
     },
     "devDependencies": {
+        "algoliasearch": "^4.6.0",
+        "babel-plugin-prismjs": "^2.0.1",
         "cross-env": "^5.1",
-        "laravel-mix": "^4.0.7",
-        "resolve-url-loader": "^2.3.1",
-        "sass": "^1.15.2",
-        "sass-loader": "^7.1.0",
+        "laravel-mix": "^5.0.9",
+        "postcss-import": "^12.0.0",
+        "postcss-nested": "^4.2.3",
+        "prismjs": "^1.22.0",
+        "tailwindcss": "^2.0.0-alpha.20",
         "vue-template-compiler": "^2.6.8"
     }
 }

public/js/app.js.LICENSE.txt

@@ -0,0 +1,10 @@
+/*! algoliasearch-lite.umd.js | 4.6.0 | © Algolia, inc. | https://github.com/algolia/algoliasearch-client-javascript */
+
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=9a4d608e7b4ef7d1ae45",
-    "/css/app.css": "/css/app.css?id=fb4ab1fe02a78265eb76"
+    "/js/app.js": "/js/app.js?id=9c9d9c0395a3952f8d44",
+    "/css/app.css": "/css/app.css?id=8e7bdba04d2bcd720d27"
 }

resources/sass/_carbon_ads.scss → resources/css/_carbon_ads.css

@@ -1,26 +1,26 @@
 #carbonads {
     margin-top: 2.375em;
-    background: $white;
+    background: theme('colors.white');
     padding: 1em;
     max-width: 10.125em;
-    
+
     img {
         display: block;
         margin-bottom: .75em;
     }
-    
+
     .carbon-text {
         display: block;
         font-size: .625em;
         line-height: 1.4em;
         margin-bottom: 1rem;
-        color: rgba($black, .8);
+        color: theme('colors.gray.700');
     }
-    
+
     .carbon-poweredby {
         font-size: .625em;
         text-transform: uppercase;
         letter-spacing: 2px;
-        color: rgba($black, .4);
+        color: theme('colors.gray.600');
     }
-}
+}

resources/css/_docs.css

@@ -0,0 +1,179 @@
+.callout p {
+    margin-bottom: 0;
+}
+
+.docs_main {
+    a[name] {
+        position: relative;
+        display: block;
+        visibility: hidden;
+        top: -45px;
+    }
+
+    table {
+        border-collapse: collapse;
+        width: 100%;
+        font-size: 13px;
+        margin-bottom: 2em;
+
+        th,
+        td {
+            border: 1px solid theme('colors.gray.300');
+            padding: 10px;
+            text-align: left;
+        }
+
+        th {
+            font-size: 16px;
+        }
+    }
+
+    @screen sm {
+        a[name] {
+            position: relative;
+            display: block;
+            visibility: hidden;
+            top: -30px;
+        }
+    }
+}
+
+.docs_main {
+    .page_title {
+        display: none;
+    }
+
+    h1 {
+        font-size: 2.5em;
+        letter-spacing: 0em;
+    }
+
+    h2 {
+        font-size: 1.75em;
+        letter-spacing: 0;
+    }
+
+    h3 {
+        font-size: 1.25em;
+        letter-spacing: 0;
+        font-weight: 500;
+    }
+
+    h4 {
+        font-size: 1em;
+        font-weight: 500;
+        letter-spacing: 0;
+    }
+
+    h4 a, h3 a, h2 a {
+		color: theme('colors.gray.900');
+	}
+
+    h4 a:before,
+    h3 a:before,
+    h2 a:before {
+        content: "#";
+        font-weight: 400;
+        position: absolute;
+        color: theme('colors.red.600');
+        opacity: .6;
+    }
+
+    h3 a:before,
+    h2 a:before {
+        margin-left: -25px;
+        font-size: 28px;
+    }
+
+    h4 a:before {
+        margin-left: -18px;
+        font-size: 17px;
+    }
+
+    code {
+        font-size: 0.8rem;
+        font-weight: 500;
+        line-height: 1.9;
+        color: theme('colors.gray.900');
+    }
+
+    p {
+        font-size: 1rem;
+        line-height: 1.8em;
+
+        code {
+            font-size: 0.8rem;
+        }
+    }
+
+    ul:not(:first-of-type), .content-list ul {
+        list-style-type: none;
+        margin: 0 0 2.5em 0; padding: 0;
+
+        li {
+            position: relative;
+            display: block;
+            padding-left: 1.25em;
+            margin-bottom: 1rem;
+            font-size: .89em;
+            color: theme('colors.gray.700');
+            line-height: 1.714em;
+
+            a {
+                text-decoration: none;
+            }
+
+            code {
+                font-size: .875em;
+            }
+
+            &::before {
+                content: "";
+                position: absolute;
+                top: .40em; left: 0;
+                width: 9px; height: 10px;
+                background: url(/img/icons/ul_marker.min.svg) no-repeat center;
+                background-size: contain;
+            }
+        }
+    }
+}
+
+.docs_main h1 + ul {
+    margin-bottom: 4em;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+
+    li {
+        display: block;
+        margin-bottom: .5em;
+
+        a {
+            position: relative;
+            font-size: .89em;
+            font-weight: 500;
+            color: theme('colors.gray.900');
+            text-decoration: none;
+
+            &::before {
+                content: "# ";
+                color: theme('colors.red.600');
+            }
+        }
+    }
+
+    ul {
+        margin-top: .5em;
+        padding: 0;
+        margin-bottom: 0;
+
+        li {
+            padding-left: 1.5em;
+
+            a {
+                font-weight: 400;
+            }
+        }
+    }
+}