Update Tailwind to Latest Version

Signed-off-by: praveenjuge <[email protected]>
praveenjuge · Aug 21, 2021 · c841242 · c841242
1 parent e3fa54d
commit c841242
Show file tree

Hide file tree

Showing 4 changed files with 117 additions and 28 deletions.
diff --git a/docs/layouts/_default/baseof.html b/docs/layouts/_default/baseof.html
@@ -1,5 +1,9 @@
 <!DOCTYPE html>
-<html lang="{{ .Site.LanguageCode }}" prefix="og: http://ogp.me/ns#" class="bg-white">
+<html
+  lang="{{ .Site.LanguageCode }}"
+  prefix="og: http://ogp.me/ns#"
+  class="antialiased bg-white"
+>
   <head itemscope itemtype="{{ .Site.BaseURL }}">
     {{ partial "meta" . }} {{ partial "js" . }}
   </head>
@@ -10,7 +14,12 @@
   {{ else }}
   <body class="bg-white" x-data="{ sideBar: true }">
     {{ partial "header" . }}
-    <main class='{{ if eq .Section "components" }}w-full max-w-full bg-gray-100{{ else }}max-w-7xl mx-auto mt-10 mb-20 px-3 md:px-1{{ end }}' id="main">{{ block "main" . }}{{ end }}</main>
+    <main
+      class='{{ if eq .Section "components" }}w-full max-w-full bg-gray-100{{ else }}max-w-7xl mx-auto mt-10 mb-20 px-3 md:px-1{{ end }}'
+      id="main"
+    >
+      {{ block "main" . }}{{ end }}
+    </main>
   </body>
   {{ end }}
 </html>
diff --git a/docs/layouts/index.html b/docs/layouts/index.html
@@ -1,11 +1,31 @@
 {{ define "main"}}
 
 <section class="w-full py-20 mx-auto lg:w-8/12 xl:w-5/12 md:py-32">
-  <p class="block mb-3 text-xs font-semibold tracking-wide text-gray-500 uppercase md:hidden">Welcome to Kutty</p>
-  <h1 class="mb-4 text-3xl font-semibold leading-tight text-gray-900 md:text-4xl">Prebuilt Tailwind Components</h1>
-  <p class="mb-5 text-base text-gray-500 md:text-lg">{{ .Site.Params.description }}</p>
-  <a href="/docs/" rel="prefetch" class="w-full mb-2 btn btn-primary btn-lg sm:w-auto sm:mb-0">Documentation</a>
-  <a href="/components/" rel="prefetch" class="w-full mb-2 btn btn-light btn-lg sm:w-auto sm:mb-0">Components</a>
+  <p
+    class="block mb-3 text-xs font-semibold tracking-wide text-gray-500 uppercase  md:hidden"
+  >
+    Welcome to Kutty
+  </p>
+  <h1
+    class="mb-4 text-3xl font-bold leading-tight tracking-tight text-gray-900  md:text-4xl"
+  >
+    Prebuilt Tailwind Components
+  </h1>
+  <p class="mb-5 text-base text-gray-500 md:text-lg">
+    {{ .Site.Params.description }}
+  </p>
+  <a
+    href="/docs/"
+    rel="prefetch"
+    class="w-full mb-2 btn btn-primary btn-lg sm:w-auto sm:mb-0"
+    >Documentation</a
+  >
+  <a
+    href="/components/"
+    rel="prefetch"
+    class="w-full mb-2 btn btn-light btn-lg sm:w-auto sm:mb-0"
+    >Components</a
+  >
 </section>
 
 {{ end }}
diff --git a/docs/layouts/partials/header.html b/docs/layouts/partials/header.html
@@ -1,13 +1,22 @@
 <header
-  class='z-30 top-0 w-full bg-white bg-opacity-75 {{ if ne .Section "components" }}fixed{{ end }}'
-  style="-webkit-backdrop-filter: saturate(180%) blur(5px); backdrop-filter: saturate(180%) blur(5px)"
+  class='z-30 top-0 w-full bg-white bg-opacity-75 backdrop-filter backdrop-blur-sm {{ if ne .Section "components" }}fixed{{ end }}'
 >
-  <div class="flex items-center justify-between px-3 py-3 mx-auto overflow-x-auto max-w-7xl md:px-1">
+  <div
+    class="flex items-center justify-between px-3 py-3 mx-auto overflow-x-auto  max-w-7xl md:px-1"
+  >
     <div class="flex items-center">
       {{ if eq .Section "docs" }}
-      <button class="inline-flex mr-3 btn btn-light btn-sm md:hidden" @click="sideBar === false ? (sideBar = true) : (sideBar = false)">
+      <button
+        class="inline-flex mr-3 btn btn-light btn-sm md:hidden"
+        @click="sideBar === false ? (sideBar = true) : (sideBar = false)"
+      >
         <span class="sr-only">Menu</span>
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 20 20"
+          fill="currentColor"
+          class="w-5 h-5"
+        >
           <path
             fill-rule="evenodd"
             d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
@@ -17,7 +26,15 @@
       </button>
       {{ end }}
       <a href="/" title="Go to Kutty Home Page">
-        <svg class="hidden w-auto h-6 md:block" width="86" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335 93" aria-hidden="true">
+        <svg
+          class="hidden w-auto h-6 md:block"
+          width="86"
+          height="24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 335 93"
+          aria-hidden="true"
+        >
           <path
             d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
             fill="#1A202C"
@@ -31,7 +48,15 @@
             fill="#7629C8"
           />
         </svg>
-        <svg class="block w-auto h-6 md:hidden" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 102 93" aria-hidden="true">
+        <svg
+          class="block w-auto h-6 md:hidden"
+          width="24"
+          height="24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 102 93"
+          aria-hidden="true"
+        >
           <path
             d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
             fill="#9E58E9"
@@ -45,24 +70,59 @@
       </a>
     </div>
     <div class="flex items-center ml-1 space-x-0 md:space-x-1">
-      <a href="/docs/" rel="prefetch" class='btn btn-sm {{ if eq .Section "docs" }}btn-light{{ else }}btn-link{{ end }}'>
+      <a
+        href="/docs/"
+        rel="prefetch"
+        class='btn btn-sm {{ if eq .Section "docs" }}btn-light{{ else }}btn-link{{ end }}'
+      >
         <span class="hidden md:inline">Documentation</span>
         <span class="inline md:hidden">Docs</span>
       </a>
-      <a href="/components/" rel="prefetch" class='btn btn-sm {{ if eq .Section "components" }}btn-light{{ else }}btn-link{{ end }}'>Components</a>
-      <a href="https://github.com/praveenjuge/kutty/" class="btn btn-sm btn-link" target="_blank" rel="noopener noreferrer">
+      <a
+        href="/components/"
+        rel="prefetch"
+        class='btn btn-sm {{ if eq .Section "components" }}btn-light{{ else }}btn-link{{ end }}'
+        >Components</a
+      >
+      <a
+        href="https://github.com/praveenjuge/kutty/"
+        class="btn btn-sm btn-link"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
         <span class="sr-only">GitHub</span>
-        <svg class="w-5 h-6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+        <svg
+          class="w-5 h-6"
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          aria-hidden="true"
+        >
           <path
             fill-rule="evenodd"
             clip-rule="evenodd"
             d="M12.026,2c-5.509,0-9.974,4.465-9.974,9.974c0,4.406,2.857,8.145,6.821,9.465	c0.499,0.09,0.679-0.217,0.679-0.481c0-0.237-0.008-0.865-0.011-1.696c-2.775,0.602-3.361-1.338-3.361-1.338	c-0.452-1.152-1.107-1.459-1.107-1.459c-0.905-0.619,0.069-0.605,0.069-0.605c1.002,0.07,1.527,1.028,1.527,1.028	c0.89,1.524,2.336,1.084,2.902,0.829c0.091-0.645,0.351-1.085,0.635-1.334c-2.214-0.251-4.542-1.107-4.542-4.93	c0-1.087,0.389-1.979,1.024-2.675c-0.101-0.253-0.446-1.268,0.099-2.64c0,0,0.837-0.269,2.742,1.021	c0.798-0.221,1.649-0.332,2.496-0.336c0.849,0.004,1.701,0.115,2.496,0.336c1.906-1.291,2.742-1.021,2.742-1.021	c0.545,1.372,0.203,2.387,0.099,2.64c0.64,0.696,1.024,1.587,1.024,2.675c0,3.833-2.33,4.675-4.552,4.922	c0.355,0.308,0.675,0.916,0.675,1.846c0,1.334-0.012,2.41-0.012,2.737c0,0.267,0.178,0.577,0.687,0.479	C19.146,20.115,22,16.379,22,11.974C22,6.465,17.535,2,12.026,2z"
           />
         </svg>
       </a>
-      <a href="https://twitter.com/kuttydesign/" class="btn btn-sm btn-link" target="_blank" rel="noopener noreferrer">
+      <a
+        href="https://twitter.com/kuttydesign/"
+        class="btn btn-sm btn-link"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
         <span class="sr-only">Twitter</span>
-        <svg class="w-5 h-6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+        <svg
+          class="w-5 h-6"
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          aria-hidden="true"
+        >
           <path
             d="M19.633,7.997c0.013,0.175,0.013,0.349,0.013,0.523c0,5.325-4.053,11.461-11.46,11.461c-2.282,0-4.402-0.661-6.186-1.809	c0.324,0.037,0.636,0.05,0.973,0.05c1.883,0,3.616-0.636,5.001-1.721c-1.771-0.037-3.255-1.197-3.767-2.793	c0.249,0.037,0.499,0.062,0.761,0.062c0.361,0,0.724-0.05,1.061-0.137c-1.847-0.374-3.23-1.995-3.23-3.953v-0.05	c0.537,0.299,1.16,0.486,1.82,0.511C3.534,9.419,2.823,8.184,2.823,6.787c0-0.748,0.199-1.434,0.548-2.032	c1.983,2.443,4.964,4.04,8.306,4.215c-0.062-0.3-0.1-0.611-0.1-0.923c0-2.22,1.796-4.028,4.028-4.028	c1.16,0,2.207,0.486,2.943,1.272c0.91-0.175,1.782-0.512,2.556-0.973c-0.299,0.935-0.936,1.721-1.771,2.22	c0.811-0.088,1.597-0.312,2.319-0.624C21.104,6.712,20.419,7.423,19.633,7.997z"
           />

diff --git a/package.json b/package.json
@@ -28,19 +28,19 @@
     "index.js"
   ],
   "scripts": {
-    "start": "cross-env NODE_ENV=development concurrently \"nodemon -e js,html,md --exec 'npm run tailwind'\" \"cd docs && hugo server --disableFastRender\" \"rollup -w --config ./docs/rollup.config.js --context window\"",
-    "production": "cross-env NODE_ENV=production npm run tailwind && rollup --compact -c --context window && cd docs && hugo --minify",
-    "tailwind": "./node_modules/tailwindcss/lib/cli.js build -o ./docs/static/build.css --config ./docs/tailwind.config.js"
+    "start": "cross-env NODE_ENV=development concurrently \"npm run tailwind:watch\" \"cd docs && hugo server --disableFastRender\" \"rollup -w --config ./docs/rollup.config.js --context window\"",
+    "production": "cross-env NODE_ENV=production npm run tailwind:build && rollup --compact -c --context window && cd docs && hugo --minify",
+    "tailwind:watch": "./node_modules/tailwindcss/lib/cli.js -o ./docs/static/build.css -c ./docs/tailwind.config.js -w",
+    "tailwind:build": "./node_modules/tailwindcss/lib/cli.js -o ./docs/static/build.css -c ./docs/tailwind.config.js --minify"
   },
   "devDependencies": {
-    "@tailwindcss/typography": "^0.4.0",
-    "concurrently": "^5.3.0",
+    "@tailwindcss/typography": "^0.4.1",
+    "concurrently": "^6.2.1",
     "cross-env": "^7.0.3",
-    "nodemon": "^2.0.7",
-    "rollup": "^2.38.1",
+    "rollup": "^2.56.2",
     "rollup-plugin-terser": "^7.0.2"
   },
   "peerDependencies": {
-    "tailwindcss": "^2.0.2"
+    "tailwindcss": "^2.2.7"
   }
 }