v1.2.1 Remove custom components

Author: nileshtrivedi

README.md

@@ -1,14 +1,14 @@
 # Twinkle CSS
 
-This is a minified but unpurged build of Tailwind CSS 2.0 with autoprefixer, Inter font, some extra variants and common components from [learnawesome.org](https://learnawesome.org). See `tailwind.config.js`.
+This is a minified but unpurged build of Tailwind CSS 2.0.2 with autoprefixer, Inter font, and plugins like aspect-ratio, forms, typography etc. See `tailwind.config.js`.
 
 Uncompressed, this turns out to be about 3.2 MB. But when served via a CDN that supports Brotli-compression (eg: unpkg.com or Cloudflare), this is less than 250KB in size. This is a bit heavy but it becomes much more easier to work on multiple sites that cannot use custom builds which requires NodeJS and NPM.
 
 # Usage
 
 ```
 <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
-<link rel="stylesheet" href="https://unpkg.com/[email protected].0/twinkle.min.css">
+<link rel="stylesheet" href="https://unpkg.com/[email protected].1/twinkle.min.css">
 ```
 
 # Build
@@ -17,4 +17,4 @@ Run `npm install` and then `npm run build` to generate a local `twinkle.min.css`
 
 # Customize
 
-If you want to extract your own component classes, add them in `myapp.css` before the `@tailwind utilities;` statement. And if you want to add/remove Tailwind plugins, customize the default theme or breakpoints or add/remove variants, modify `tailwind.config.js`.
+If you want to add your own component classes, add them in `myapp.css`. And if you want to add/remove Tailwind plugins, customize the default theme or breakpoints or add/remove variants, modify `tailwind.config.js`.

myapp.css

@@ -1,125 +1,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-@layer components {
-
-.btn {
-    @apply relative inline-flex items-center px-4 py-2 border border-transparent text-sm leading-5 font-medium rounded-md;
-}
-
-.btn-primary {
-    @apply text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:ring-indigo-200 focus:border-indigo-700;
-}
-
-form.simple-form h1 {
-    @apply font-semibold text-xl mb-4;
-}
-
-form.simple-form ul {
-    @apply bg-red-200 border-2 border-red-600 mt-4 mb-4 p-2;
-}
-
-form.simple-form ul li {
-    @apply text-red-700;
-}
-
-form.simple-form label {
-    @apply block mt-2;
-}
-
-form.simple-form input[type=text], form.simple-form input[type=url], form.simple-form input[type=email] {
-    @apply w-full px-2 py-1 mb-4 text-gray-900 bg-gray-200 rounded focus:ring focus:border-gray-500;
-}
-
-form.simple-form-inline input[type=text] {
-    @apply px-2 py-1 mb-4 text-gray-900 bg-gray-200 rounded focus:ring focus:border-gray-500;
-}
-
-form.simple-form input[type=number] {
-    @apply w-full px-2 py-1 mb-4 text-gray-900 bg-gray-200 rounded focus:ring focus:border-gray-500;
-}
-
-form.simple-form textarea {
-    @apply w-full px-2 py-1 mb-4 text-gray-900 bg-gray-200 rounded;
-}
-
-form.simple-form select {
-    @apply w-full px-2 py-1 mb-4 text-gray-900 bg-gray-200 rounded;
-}
-
-form.simple-form-inline select {
-    @apply px-2 py-1 mb-4 text-gray-900 bg-gray-200 rounded;
-}
-
-form.simple-form input[type=submit] {
-    @apply btn btn-primary mt-4;
-}
-
-.card {
-    @apply m-4 p-6 bg-white rounded-lg shadow-xl;
-}
-
-.article {
-    @apply max-w-4xl mx-auto bg-white overflow-hidden shadow-md rounded-lg p-6;
-
-    h1,h2,h3,h4,h5,h6 {
-        @apply mb-4;
-    }
-
-    p {
-        @apply text-gray-600 mt-4 mb-4 leading-loose;
-    }
-
-    img {
-
-    }
-
-    blockquote {
-        @apply max-w-2xl bg-gray-200 border-2 border-blue-400 rounded p-2 my-4 mx-auto;
-    }
-
-    a {
-        @apply text-blue-600 underline;
-    }
-
-    a:hover {
-        @apply text-blue-800;
-    }
-
-    a.cta {
-        @apply block max-w-lg mx-auto bg-indigo-600 text-white px-4 py-3 underline rounded mb-8 text-center;
-    }
-
-    a.cta:hover {
-        @apply bg-indigo-800;
-    }
-}
-
-main.pattern {
-    background-color: #f4f1fa;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23e7e4ed' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-}
-
-.danger {
-    @apply bg-red-500;
-}
-
-.notice {
-    @apply bg-yellow-500;
-}
-
-.success {
-    @apply bg-green-500
-}
-
-.warning {
-    @apply bg-yellow-500;
-}
-
-.info {
-    @apply bg-gray-300;
-}
-
-
-}

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "twinklecss",
-  "version": "1.2.0",
-  "description": "A minified but unpurged build of Tailwind CSS 2.0 with autoprefixer, Inter font, some extra variants and common components from learnawesome.org",
+  "version": "1.2.1",
+  "description": "A minified but unpurged build of Tailwind CSS 2.0.2 with autoprefixer, Inter font, and plugins like aspect-ratio, forms, typography",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package.json

@@ -10,7 +10,6 @@ module.exports = {
     },
   },
   variants: {
-    display: ['responsive', 'group-hover','group-focus']
   },
   plugins: [
     require('@tailwindcss/forms'),