pixelbrackets / barebone-stylesheet
Barebone Stylesheet - Just enough CSS to look great everywhere
Package info
github.com/pixelbrackets/barebone-stylesheet
pkg:composer/pixelbrackets/barebone-stylesheet
Requires (Dev)
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 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.
Requirements
- None
Installation
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/
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 Kleine (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.