<h2>Overview</h2>
<p>Atomize is a library for creating atomic React components. Inspired by tachyons and styled-system, Atomize allows you to create components that support atomic CSS and themes. It provides features such as setting styles for specific media breakpoints, using variables from themes in composite CSS properties, and support for hover and other pseudo-classes. Atomize also offers short aliases for each property, making it easier to use and configure components.</p>
<h2>Features</h2>
<ul>
<li><strong>Atomic CSS and Themes:</strong> Create components that support atomic CSS and themes, allowing for reusable and modular code.</li>
<li><strong>Media Breakpoints:</strong> Set styles for specific media breakpoints, making it easy to create responsive designs.</li>
<li><strong>Theme Variables:</strong> Use variables from the theme in composite CSS properties, enabling consistent styling across the application.</li>
<li><strong>Hover and Pseudo-Classes:</strong> Support for hover and any other pseudo-classes, allowing for interactive and dynamic styling.</li>
<li><strong>Short Aliases:</strong> Short aliases for each property, making it more convenient and intuitive to use.</li>
<li><strong>Advanced Usage:</strong> Advanced features such as alias properties and component inheritance are provided for more flexibility in styling.</li>
<li><strong>Quarkly Integration:</strong> Atomize can be used to create widgets in Quarkly, a platform for building interactive web apps, making it easy to create and customize components without the need to add a theme module.</li>
</ul>
