README

Barebone Stylesheet - Just enough CSS to look great everywhere.

⭐ You like this package? Please star it or send a tweet. ⭐

Vision

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.

Requirements

• None

Installation

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/

Source

https://gitlab.com/pixelbrackets/barebone-stylesheet/

Mirror https://github.com/pixelbrackets/barebone-stylesheet/ (Issues & Pull Requests mirrored to GitLab)

Demo

🚀 https://barebone-stylesheet.app.pixelbrackets.de/

Usage

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.

License

GNU General Public License version 2 or later

The GNU General Public License can be found at http://www.gnu.org/copyleft/gpl.html.

Author

Dan Untenzu (mail@pixelbrackets.de / @pixelbrackets)

Changelog

See CHANGELOG.md

Contribution

This script is Open Source, so please use, share, patch, extend or fork it.

Contributions are welcome!

Feedback

Please send some feedback and share how this package has proven useful to you or how you may help to improve it.