yummacss 1.0.2 → 1.1.0

package/CHANGELOG.md

@@ -130,5 +130,41 @@ All notable changes to the Yumma CSS Library will be documented in this file.
 - Fixed viewport classes from not working.
 - Fixed caret color light and dark variations.
 
+### Deprecated
+- None
+
+## v1.0.3
+
+### Added
+- None
+
+### Changed
+- Minified CSS file moved to the `/dist` folder.
+
+### Fixed
+- None
+
+### Deprecated
+- None
+
+## v1.1.0
+
+### Added
+- Added responsive classes for utility classes.
+- Added transition property to button component.
+- Added extra small variant for font size classes.
+- Added `.dim-{value}` classes.
+
+### Changed
+- Updated syntax for column responsive classes.
+- Updated box shadow syntax from `bs-xsm` to `bs-xs` and `bs-xlg` to `bs-xl`.
+- Updated box shadow syntax from `fs-xlg` to `bs-xl`.
+- Updated box shadow syntax from `col-{value}` to `cols-{value}`.
+
+### Fixed
+- Fixed list style type syntax from `tst-{value}` to `lst-{value}`.
+- Fixed `fs-md` class not working.
+- Fixed caret color variants.
+
 ### Deprecated
 - None

package/README.md

@@ -1,54 +1,59 @@
-# Yumma CSS
-
-<img src="https://i.ibb.co/4ZNLWYj/app-icon.jpg"  width="50" height="50">
-
-Yumma CSS, created by **Renildo Pereira**, is a lightweight and streamlined CSS library that provides a comprehensive set of tools and functionalities to simplify web development.
-
-## Installation
-You can include Yumma CSS in your project either by using our Content Delivery Network (CDN) link or by using a package manager.
-
-### Integrate via CDN
-```html
-<link rel="stylesheet" href="https://unpkg.com/yummacss/public/css/yumma.min.css" crossorigin="anonymous">
+<p align="center">
+  <a href="https://yummacss.vercel.app/">
+    <img src="https://yummacss.vercel.app/img/yumma-css.png" width="64" alt="Yumma CSS Logo">
+  </a>
+</p>
+
+<h3 align="center">Yumma CSS</h3>
+
+<p align="center">
+  Lightweight and streamlined CSS library that provides a set of tools to simplify web development.
+  <br>
+  <a href="https://yummacss.vercel.app/"><strong>Explore Yumma CSS Docs ↝</strong></a>
+  <br>
+  <br>
+  <a href="https://yummacss-editor.vercel.app/">Try Yumma CSS</a>
+  •
+  <a href="https://github.com/yumma-lib/yumma-css/issues">VS Code Extension</a>
+  •
+  <a href="https://yummacss.vercel.app/blog">Blog</a>
+  •
+  <a href="https://github.com/yumma-lib/yumma-css/issues">Issues</a>
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/yummacss?activeTab=versions">
+    <img src="https://img.shields.io/npm/v/yummacss" alt="npm version">
+  </a>
+  <a href="https://www.npmjs.com/yummacss">
+    <img src="https://img.shields.io/npm/dt/yummacss" alt="Downloads">
+  </a>
+  <a href="https://github.com/yumma-lib/yumma-css-docs?tab=MIT-1-ov-file#readme">
+    <img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License">
+  </a>
+</p>
+
+## Getting Started
+
+You can use [npm](https://www.npmjs.com/yummacss) to include the Yumma CSS in your project, or you can add it using [jsDelivr](https://www.jsdelivr.com/):
+
+### cdn
 ```
-
-### Install via NPM
+<link href="https://cdn.jsdelivr.net/npm/yummacss/dist/yumma.min.css" rel="stylesheet" crossorigin="anonymous">
 ```
-npm install yummacss
-```
-
-## Version Display
-To display the Yumma CSS version in your console, import the following code snippet and call the `showVer` function:
-
-```js
-const packageJson = require('./package.json');
 
-const showVer = () => {
-    const version = packageJson.version;
-    console.log(`You're running Yumma CSS v${version}!`);
-};
-
-module.exports = { showVer };
-```
-
-### How to use
-To display the Yumma CSS version in your console, just call the `showVer` function in your project code:
-
-```js
-const { showVer } = require('./index');
+### npm
+```bash
+npm install yummacss
 ```
 
-## Documentation
-For comprehensive documentation, visit the [Yumma CSS Docs](https://yummacss.vercel.app/).
-
-## License
-Yumma CSS is open-source software licensed under the MIT License.
-
-## Support
+## Community
 
 If you have questions or want to stay updated on our projects, here are some ways to connect with us:
 
 - Join our [Discord](https://discord.gg/CGw5vyqmQ6) server.
 - Follow us on [Twitter](https://twitter.com/yummacss) for the latest updates.
 
-If you'd like to show your support for our work, [you can buy me a coffee](https://www.buymeacoffee.com/rrenildoo).
+## Contributing
+
+If you'd like to show your support for our work, [you can buy me a coffee](https://www.buymeacoffee.com/rrenildoo).