daisyui - npm Package Compare versions

Comparing version 0.5.2 to 0.5.3

package.json

 {
   "name": "daisyui",
-  "version": "0.5.2",
-  "description": "CSS components for Tailwind CSS",
+  "version": "0.5.3",
+  "description": "UI components for Tailwind CSS",
   "author": "Pouya Saadeghi",
@@ -78,7 +78,6 @@ "license": "MIT",
   "scripts": {
-    "postcss": "postcss src/base/index.css -o dist/base.css && postcss src/styled/index.css -o dist/styled.css && postcss src/styled/full.css -o dist/full.css && postcss src/themes/index.css -o dist/themes.css",
-    "json": "prejss-cli dist/base.css --format commonjs && prejss-cli dist/styled.css --format commonjs && prejss-cli dist/themes.css --format commonjs",
-    "build": "npm run postcss && npm run json",
+    "build": "postcss src/base/index.css -o dist/base.css && postcss src/styled/index.css -o dist/styled.css && postcss src/styled/full.css -o dist/full.css && postcss src/themes/index.css -o dist/themes.css",
+    "postbuild": "prejss-cli dist/base.css --format commonjs && prejss-cli dist/styled.css --format commonjs && prejss-cli dist/themes.css --format commonjs",
     "add": "touch src/base/components/$npm_config_name.css && touch src/styled/components/$npm_config_name.css && echo '@import \"./components/'$npm_config_name'\";' >> src/base/index.css && echo '@import \"./components/'$npm_config_name'\";' >> src/styled/index.css && open src/base/components/$npm_config_name.css && open src/styled/components/$npm_config_name.css"
   }
 }

README.md

@@ -15,7 +15,9 @@ <div align="center">
 
-# DaisyUI
-
+# DaisyUI  
 [![][build]][build-url] [![][install-size]][install-size-url] [![][base-css]][base-css-url] [![][styled-css]][styled-css-url]  
 [![][npm]][npm-url] [![][dl]][npm-url] [![][commit]][gh-url] [![][license]][license-url]
 
+>***It's like Tailwind CSS on steroids!***  
+>You have everything from [Tailwind CSS][tailwind-url], *but* you can also use component classes like `btn`, `card`, etc...
+
 ---
@@ -25,3 +27,3 @@
 - 👉 Demo and samples [Netlify][netlify-url] / [Github][gh-pages-url]
-- ⛹️‍♀️ Try it online: [Tailwind Play][tw-play-url] / [Codepen][codepen-url]
+- 🎲 Try it online: [Tailwind Play][tw-play-url] / [Codepen][codepen-url]
 - 📘 [Theming guide][theming-url]
@@ -36,10 +38,11 @@ - 📘 [List of components][components-url]
 ## 🌼 Features   
-- **CSS components**: Use classes like `btn`, `card`, ...
+- **Tailwind CSS plugin**: Simply add it to your Tailwind config.
+- **CSS components**: It adds component classes to Tailwind. Classes like `btn`, `card`, [...][netlify-url]
 - **Designer-friendly**: DaisyUI comes in 2 versions:
   - **Styled**: Beatiful UI library, no need to design elements (but still customizable).
   - **Base**: Only skeleton of components. No style, no colors.
-- **Scalable**: All your components will use the same style based on a design system.
+- **Scalable**: All your components will use the same design system.
 - **Customizable**: Customize the style of elements with Tailwind utility classes.
-- **Themeable**: Add multiple themes or change colors with a CSS variable. You can even set a theme for a specific section of your page.
-- **Semantic color names**: Use color names like `primary`, `secondary`, `accent`, ... just like your design system defines.  
+- **Themeable**: Add multiple themes or change colors with a CSS variable. You can even set a theme for a specific section of your page [ * ][theming-url].  
+- **Semantic color names**: Use color names like `primary`, `secondary`, `accent`,... just like your design system defines.  
 [ [read more][faq-url] ]
@@ -49,3 +52,3 @@
 
-## 👩‍💻 Install   
+## 👩‍💻 Install now!  
 
@@ -56,3 +59,3 @@ ```
 
-Then add DaisyUI to `tailwind.config.js`
+Then add DaisyUI to your `tailwind.config.js`
 ```js
@@ -87,2 +90,3 @@ module.exports = {
 | **Full** <br/> [![][full-css]][full-css-url] | Tailwind default style + DaisyUI styled UI components <br/><sup>(But it's a large file for production)</sup> | `https://unpkg.com/daisyui@latest/dist/full.css` |
+| **Default themes** <br/> [![][theme-css]][theme-css-url] | Only CSS variables for default themes | `https://unpkg.com/daisyui@latest/dist/themes.css` |
 
@@ -93,3 +97,21 @@
 ---
+## 🎉 Use  
+Use component classes like `.btn`, `.card`, etc... to build your UI.  
+```html
+<a class="btn">Hello!</a>
+```
+```html
+<div class="shadow card">
+  <div class="card-body">
+    <h2 class="card-title">Card Title</h2> 
+    <p>Card text</p>
+  </div>
+</div> 
+```
 
+👉 [See all components][netlify-url]  
+🎲 [Try it online][tw-play-url]  
+
+---
+
 ## 🎨 Customize theme and colors (optional)  
@@ -152,5 +174,6 @@ Add your custom colors in CSS file
 [install-size]: https://badgen.net/bundlephobia/min/daisyui?&color=purple
-[base-css]: https://badgen.net/badgesize/normal/https/unpkg.com/daisyui/dist/base.css?label=base.css%20size&color=purple
-[styled-css]: https://badgen.net/badgesize/normal/https/unpkg.com/daisyui/dist/styled.css?label=styled.css%20size&color=purple
-[full-css]: https://badgen.net/badgesize/normal/https/unpkg.com/daisyui/dist/full.css?label=full.css%20size&color=purple
+[base-css]: https://badgen.net/badgesize/normal/https/unpkg.com/daisyui/dist/base.css?label=base.css&color=purple
+[styled-css]: https://badgen.net/badgesize/normal/https/unpkg.com/daisyui/dist/styled.css?label=styled.css&color=purple
+[full-css]: https://badgen.net/badgesize/normal/https/unpkg.com/daisyui/dist/full.css?label=full.css&color=purple
+[theme-css]: https://badgen.net/badgesize/normal/https/unpkg.com/daisyui/dist/themes.css?label=themes.css&color=pink
 [build]: https://badgen.net/github/checks/saadeghi/daisyui?label=build
@@ -167,2 +190,3 @@ [npm]: https://badgen.net/npm/v/daisyui?label=version&icon=npm&color=purple
 [full-css-url]: https://unpkg.com/daisyui@latest/dist/full.css
+[theme-css-url]: https://unpkg.com/daisyui@latest/dist/themes.css
 [license-url]: https://github.com/saadeghi/daisyui/blob/master/LICENSE
@@ -176,3 +200,3 @@ [npm-url]: https://www.npmjs.com/package/daisyui
 [build-url]: https://github.com/saadeghi/daisyui/actions
-[tweet-url]: https://twitter.com/intent/tweet?text=Checkout%20DaisyUI%20on%20github%20https://github.com/saadeghi/daisyui
+[tweet-url]: https://twitter.com/intent/tweet?text=DaisyUI%20%0D%0AUI%20Components%20for%20Tailwind%20CSS%20%0D%0Ahttps://github.com/saadeghi/daisyui
 
@@ -179,0 +203,0 @@ [theming-url]: https://github.com/saadeghi/daisyui/blob/master/docs/theming.md

No alert changes

Improved metrics

Total package byte prevSize

4092980

increased by0.02%

Number of lines in readme file

202

increased by13.48%

No dependency changes