Warning
This project is at an early stage of development. We are not responsible for any difficulties you may encounter.
Qwaderton/Styles is a simple component library designed to enhance your website with ready-to-use styles. Think of it as a simpler and prettier alternative to Bootstrap, providing beautiful design elements right out of the box.
To get started, download the library from our Releases page or directly via Code -> Download ZIP to obtain the latest version (please note it may not be stable).
- Extract the downloaded archive.
- Move the
srcfolder to your project directory. - Import the styles into your site by linking to
/src/styles/styles.css.
Qwaderton/Styles is perfect for:
- Project websites
- Personal pages
- Small web applications
The library includes a variety of components, such as:
- Buttons
- Input fields
- Some form elements
- Cards
- Grid layouts
- Header/Footer
- Navigation
- Side menus
You can customize the styles by modifying variables in the _variables.scss file. Future updates will introduce ‘add-ons’ that enhance certain elements of your site. For instance, the Bubble Add-On will create interesting 3D effects from simple shadows.
We welcome contributions! Here are some recommendations for contributing effectively:
- Avoid writing styles inside an object for more than 7 lines consecutively (longer is fine if it makes sense).
- Comment on what each style you write does for clarity.
- Use SCSS for writing styles as it enhances readability and speeds up development.
- If writing styles for a component, include its name at the top, e.g.:
// Main container of the grid .grid { ... } // Basic column class with padding variable .col { ... }
- Create a separate file for each component or group of similar components to keep the structure organized.
This project is licensed under the BSD 4-Clause License.
For any questions, feel free to join our communities: