yummacss 1.2.0 → 2.1.0

package/.prettierrc

@@ -0,0 +1,9 @@
+{
+    "semi": true,
+    "singleQuote": false,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "printWidth": 80,
+    "bracketSameLine": true,
+    "bracketSpacing": true
+}

package/CHANGELOG.md

@@ -1,207 +1,58 @@
 # Changelog
 
-All notable changes to the Yumma CSS Library will be documented in this file.
-
-## v0.0.1
-
-### Added
-- Initial release of Yumma CSS.
-
-### Changed
-- None
-
-### Fixed
-- None
-
-### Deprecated
-- None
-
-## v0.1.0
-
-### Added
-- Improved utility class generation for Height, Margin, Padding, and Width.
-- Added new classes and selectors for Height, Margin, Padding, and Width properties.
-
-### Changed
-- Replaced the `copyStyles` function with `minifyStyles` for faster CDN loading.
-
-### Fixed
-- None
-
-### Deprecated
-- None
-
-## v0.1.1
-
-### Added
-- None
-
-### Changed
-- Updated readme file
-
-### Fixed
-- None
-
-### Deprecated
-- None
-
-## v0.2.0
-
-### Added
-- Added the `!default` flag to variables and maps in the _variables.scss file
-
-### Changed
-- None
-
-### Fixed
-- None
-
-### Deprecated
-- None
-
-## v1.0.0
-
-### Added
-- Added `flow-root` property to **Display** classes.
-- Added `inline-start` and `inline-end` properties to **Float** classes.
-- Added `justify-all` and `match-parent` properties to **Text Align** classes.
-- Added `overline` property to **Text Decoration Line** classes.
-- Added `flex-start` and `flex-end` properties to **Align Items** classes.
-- Added `end`, `flex-start`, `flex-end`, `left`, `right`, `normal` and `stretch` properties to **Justify Content** classes.
-- Added `.mx` and `.my` **Margin** classes.
-- Added `.px` and `.py` **Padding** classes.
-- Added viewport values for **Height** and **Width** classes.
-- Added the color `lead` in the Color Palette.
-- Added **Align Content** classes.
-- Added **Align Self** classes.
-- Added **Flex Basis** classes.
-- Added **Flex Grow** classes.
-- Added **Grid Auto Columns** classes.
-- Added **Grid Auto Flow** classes.
-- Added **Grid Auto Rows** classes.
-- Added **Justify Items** classes.
-- Added **Justify Self** classes.
-- Added **Cursor** classes.
-- Added **List Style Type** classes.
-- Added **Appearance** classes.
-- Added **Pointer Events** classes.
-- Added **User Select** classes.
-- Added **Caret Colors** classes.
-- Added **Font Family** classes.
-- Added **Text Decoration** classes.
-
-### Changed
-- Updated display class syntax from `dis-{value}` to `d-{value}`.
-- Updated hover state class syntax from `{value}-h-{value}` to `h:{value}`.
-- Updated `greet()` function name to `showVer()`.
-- Color palettes now use RGB.
-
-### Fixed
-- Small CSS resetting improvements.
-
-### Deprecated
-- Removed `break-all` and `keep-all` properties from **Overflow Wrap** classes.
-- Removed duplicate classes for **Justify Content** classes.
-- Removed class `nav-l` from navbar.scss.
-
-## v1.0.1
-
-### Added
-- None
-
-### Changed
-- Changing Height and Width viewports from dynamic to standard.
-
-### Fixed
-- Updated minify version.
-
-### Deprecated
-- None
-
-## v1.0.2
-
-### Added
-- None
-
-### Changed
-- Small CSS resetting improvements.
-
-### Fixed
-- 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
-
-## v1.2.0
-
-### Added
-- Added `fit-content` to **Height** and **Width** classes.
-- Added **Max Dimension** and **Min Dimension** classes.
-- Added `auto`, `full`, and `half` value to the **Flex** classes.
-- Added Indigo color to the color palette.
-- Added `transparent` to the color palette.
-- Added `none` property to **Box Shadow** class.
-- Added `.max-dim-{}` and `.min-dim-{}` classes.
-- Added responsive media queries to `.dim-{}`,`.max-dim-{}` and `.min-dim-{}` classes.
-- Added **Line Height** classes.
-- The `.btn{}` component is now smaller by default.
-- Improvements to the `_base.scss` partial file.
-- Improvements in the **Direction** classes.
-- Improvements to **Grid Template Columns** classes.
-- Improvements to **Grid Template Rows** classes.
-- Improvements to the **Flex Shrin**k clasess.
-- Improvements to the **Font Sizes** classes.
-- Improvements to the **Flex** classes.
-- Color palette redesign.
-
-### Changed
-- Viewports units are not dynamic.
-- Removed default shadow in the `.nav{}` component.
-- **Border Radius** default value is now 4px instead of 8px.
-- Removed `.bs{}` class from **Box Shadow**.
-
-### Fixed
-- None
-
-### Deprecated
-- Removed complement button component.
-- Removed the `!default` flag from all variables.
-- Magenta color is deprecated.
-- The `showVer()` function is no longer available.
+All notable changes to the Yumma CSS will be documented in this file.
+
+## [2.1.0]
+
+### Added
+
+- Add `_borders.scss`, `_box-model.scss`, `_effects.scss`, `_filters.scss`, `_flexbox.scss`, `_grid.scss`, `_layout.scss`, `_interactions.scss`, `_outlines.scss`, `_tables.scss` and `_typography.scss`
+- Add `_extensions.scss` and `_theme.scss`
+- Add `cursor: pointer` to all `<button>` element
+- Add the `0` value to **Opacity** utility variant
+- Add the `auto` property to **Flex** utility variant
+
+### Changed
+
+- New `baseline` **Align Content** utility variant
+- New `baseline` **Align Items** utility variant
+- New `cg-0` **Column Gap** and `rg-0` **Row Gap** utilities
+- New `col-resize`, `default`, `ne-resize`, `nesw-resize`, `none`, `nw-resize`, `nwse-resize`, `progress`, `row-resize`, `s-resize`, `se-resize`, `sw-resize`, `w-resize`, `zoom-in`, `zoom-out` **Cursor** utility properties
+- New `f-b` **Font Size** base utility
+- New `font-size: inherit` and `font-weight: inherit` properties for heading and paragraph elements.
+- New `fs-9xl` **Font Size** utility variant
+- New `row dense` and `dense row` **Grid Auto Flow** utility variants
+- New `table`, `inline-table` and `inline-grid` **Display** utility variants
+- New `text` and `all` **User Select** utility variants
+- Rename **Align Content** utility syntax from `ac-stretch` to `ac-s`
+- Rename **Align Items** utility syntax from `ai-stretch` to `ai-s`
+- Rename **Align Self** utility syntax from `as-stretch` to `as-s`
+- Rename **Justify Items** utility syntax from `ji-stretch` to `ji-st`
+- Rename **Justify Self** utility syntax from `js-stretch` to `ji-st`
+- Rename **Object Position** utility syntax from `op-left` to `op-l`
+- Rename **Position** utility syntax from `p-t` to `p-y`
+- Rename **Position** utility syntax from `p-y` to `p-st`
+- Rename `_miscellaneous.scss` to `_interactions.scss`
+- Rename `$yma-direction` base value from `1px` to `0.25rem`
+- Rename color variables from `$yma-colors-*` to `$yma-theme-*`
+- Update **Border Radius** base value from `4px` to `0.25rem`
+- Update **Border Width** base value from `4px` to `1px`
+- Update **Flex Basis** base value from `1rem` to `0.25rem`
+- Update **Flex** utility variants
+- Update **Outline Offset** base value from `2px` to `1px`
+- Update **Outline Width** base value from `2px` to `1px`
+- Update **Spacing X** and **Spacing Y** calculations
+
+### Removed
+
+- Delete `_utilities.scss` partial
+- Remove `end` and `start` properties from **Align Content** utilities
+- Remove `end` and `start` properties from **Align Items** utilities
+- Remove `end` and `start` properties from **Align Self** utilities
+- Remove `end`, `left`, `right` and `start` properties from **Justify Content** utilities
+- Remove `er` **Cursor** variant
+- Remove `flex-end`, `flex-start`, `left`, `normal` and `right` properties from **Justify Items** utilities
+- Remove `flex-end`, `flex-start`, `left`, `normal`, `right` and `stretch` properties from **Justify Self** utilities
+- Remove `hidden` property in **Border Style** utilities
+- Remove `hidden` property in **Outline Style** utilities
+- Remove variable inside **Spacing X** and **Spacing Y** utilities

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Yumma CSS
+Copyright (c) Yumma CSS
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,58 +1,31 @@
-<p align="center">
-  <img src="https://yummacss.com/img/yummacss.png" width="64" alt="Yumma CSS Logo">
-</p>
-
-<h3 align="center">Yumma CSS</h3>
+<div align="center">
+  <a href="https://yummacss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://www.yummacss.com/assets/vectors/dark-logo.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://www.yummacss.com/assets/vectors/light-logo.svg">
+      <img alt="Yumma CSS" src="https://www.yummacss.com/assets/vectors/light-logo.svg" width="220" style="max-width: 100%;">
+    </picture>
+  </a>
+</div>
 
 <p align="center">
-  Build beautiful websites with small class names
+  All the tools you need in one package, with abbreviated utility classes — goodbye, massive codebases!
   <br>
-  <a href="https://yummacss.com"><strong>Explore Yumma CSS Docs ↝</strong></a>
-  <br>
-  <br>
-  <a href="https://yummacss.com/playground">Try Yumma CSS</a>
-  •
-  <a href="https://yummacss.com/blog/introducing-yummacss-intelephense">Our Extension</a>
-  •
-  <a href="https://yummacss.com/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>
+  <a href="https://yummacss.com"><strong>Read the documentation ↝</strong></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
-```
-<link href="https://cdn.jsdelivr.net/npm/yummacss/dist/yumma.min.css" rel="stylesheet" crossorigin="anonymous">
-```
+---
 
-### npm
-```
-npm install yummacss
-```
+### Support
 
-## Community
+[Join our Discord server](https://discord.gg/CGw5vyqmQ6). To get support just createa post in the `#help` channel with the <kbd>yummacss</kbd> tag.
 
-If you have questions or want to stay updated on our projects, here are some ways to connect with us:
+### Contributing
 
-- Subscribe to our [YouTube](https://www.youtube.com/@rrenildopereiraa/videos) channel.
-- Join our [Discord](https://discord.gg/CGw5vyqmQ6) server.
-- Follow us on [Twitter](https://twitter.com/yummacss) for the latest updates.
+I'd love your help with Yumma CSS. I've included some links below which you might find useful.
 
-## Contributing
+- [Join us on the `#yummacss` channel on Discord](https://discord.gg/V6s5jg5TfX)
+  
+### Licensing
 
-If you'd like to show your support for our work, [you can buy me a coffee](https://www.buymeacoffee.com/rrenildoo).
+MIT — Copyright (c) 2023–present [Renildo Pereira](https://github.com/yumma-lib/yumma-css/graphs/contributors).