Barebone Stylesheet - Just enough CSS to look great everywhere.
⭐ You like this package? Please star it or send a tweet. ⭐
This package provides a ready build stylesheet with just enough styles to make a website look good everywhere.
It is based on the three terrific articles
- 58 bytes of CSS to look great nearly everywhere
- 100 Bytes of CSS to look great everywhere
- Web Design in 4 minutes
and aims to be one of the smallest stylesheets necessary to make textual content on MVP webapps readable and appealing.
Default browser styles that look good enough will not be adjusted. More ambitious components like cards, secondary buttons, gradients, grids, nested content or dark-mode themes are not supported. If needed, then please use a CSS framework like Skeleton or Bootstrap instead.
- None
Download manually or use a CDN like jsDelivr.
Packagist Entry https://packagist.org/packages/pixelbrackets/barebone-stylesheet/
NPM Entry https://www.npmjs.com/package/@pixelbrackets/barebone-stylesheet/
https://gitlab.com/pixelbrackets/barebone-stylesheet/
Mirror https://github.com/pixelbrackets/barebone-stylesheet/ (Issues & Pull Requests mirrored to GitLab)
🚀 https://barebone-stylesheet.app.pixelbrackets.de/
Import the barebone.css file. That's it.
📦 A minified version, named barebone.min.css, is available as well.
💡 You may override the primary color, which is used for links and visual accents, with a single CSS variable setting:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/pixelbrackets/barebone-stylesheet/dist/barebone.min.css" />
<style>:root { --primary-color: purple; }</style>📄 Hint: To generate a minimal site with valid markup in no-time you may want to take a look at the PHP packages pixelbrackets/html5-mini-template and pixelbrackets/markdown-mini-page.
GNU General Public License version 2 or later
The GNU General Public License can be found at http://www.gnu.org/copyleft/gpl.html.
Dan Untenzu (mail@pixelbrackets.de / @pixelbrackets)
See CHANGELOG.md
This script is Open Source, so please use, share, patch, extend or fork it.
Contributions are welcome!
Please send some feedback and share how this package has proven useful to you or how you may help to improve it.