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 and most common page elements 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 required, then please use a CSS framework like Skeleton or Bootstrap instead. Otherwise, about 0.8 KB of CSS is all you need, not a 120 KB blockbuster.
- None
Download manually or use a CDN like jsDelivr (see Usage below for an example).
composer require pixelbrackets/barebone-stylesheet
Packagist Entry https://packagist.org/packages/pixelbrackets/barebone-stylesheet/
npm install @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 Kleine (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.