v4.1.0
🚀 New modules field
We have added a new modules field in the configuration to configure the core modules (elements, helpers, markup and reset) that will be added to the output CSS. Now you do not need to import core presets: all are included by default in siimple and can be configured using this new field.
You can exclude the modules that you do not need for your project by providing an object where the key is the module name and the value is false if you want to skip it:
export default {
modules: {
button: false,
title: false,
margin: false,
reset: false,
},
// ...other configuration
};You can include only some specific modules providing an array with the modules names to include:
export default {
modules: ["button", "margin", "padding"],
// ...other configuration
};You can disable all modules providing an empty array or a false value:
export default {
modules: [],
// ...other configuration
};Also, the @siimple/preset-elements, @siimple/preset-helpers, @siimple/preset-markup, and @siimple/preset-reboot packages have been deprecated and merged into a single @siimple/modules package.
🚀 New siimple-icons package
We have deprecated the @siimple/preset-icons package and added a standalone siimple-icons package with new and redesigned pure CSS icons. You can now include the CSS provided in this package for displaying icons in your website or application:
<i class="si-home" style="color:blue;font-size:23px"></i>You can explore the new icons and check the installation and usage guides at https://www.siimple.xyz/icons.
📚 Documentation improvements
We have made some improvements in the documentation website:
- All documentation pages are now at https://www.siimple.xyz/docs.
- The playground tool has been moved to https://www.siimple.xyz/playground.