stylent css provides minimal style configuration for a quick and clean starting point. It is specially designed for better performance and higher productivity with fewer properties to result in cleaner code. It is small, powerful, elegant, and fully configurable via CSS variables.
Including stylent css in your HTML will automatically give an elegant style to all elements. No need to learn complicated CSS classes. It is simple and intuitive.
stylent css includes all the features you need, including grid, styles for all elements, utility class, keeping everything with a minimal footprint.
stylent css allows complete configuration and theming using CSS variables. The default style is beautiful, but you can quickly adapt it to your flavors and needs.
You simply add the main stylent css file in the header of your HTML project, that's all!
<link rel="stylesheet" href="https://cdn.graphery.online/stylent/stylent.min.css">
Also, you can install it locally with NPM:
npm i @graphery/stylent.css
stylent css is wholly prepared for work perfectly in desktop, tablet, or mobile environments. Each element adjusts its characteristics for the best style in every size. For example, when a screen width of less 768px, default font is reduced to 14px, and all headers are reduced in size.
stylent css works perfectly in all modern browsers, but does not work in older browsers that do not have support for CSS Variables. Check the CSS Variables support in caniuse.com.
- Typography
- Link
- Blockquote
- List
- Code
- Box
- Buttons
- Forms
- Tables
- Header, Main, Footer, Section, and Article
- Grids
- Dark mode
- Auxiliary Classes
- Customization and Theming
For create our own style you can use our interactive theme editor.
If you have doubts, want to ask a question, suggest a change or have found a bug, write an issue to GitHub.
MIT License. Graphery Project made with ❤.