https://github.com/printerscanner/slightly-better-css
🧼 Slightly Better CSS is a lightweight (2KB) stylesheet for people with taste.
https://github.com/printerscanner/slightly-better-css
css styleguide
Last synced: about 1 year ago
JSON representation
🧼 Slightly Better CSS is a lightweight (2KB) stylesheet for people with taste.
- Host: GitHub
- URL: https://github.com/printerscanner/slightly-better-css
- Owner: printerscanner
- License: mit
- Created: 2022-05-06T13:47:42.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-12-19T11:55:01.000Z (over 1 year ago)
- Last Synced: 2025-04-06T09:44:04.244Z (over 1 year ago)
- Topics: css, styleguide
- Language: HTML
- Homepage: https://printerscanner.github.io/slightly-better-css/
- Size: 253 KB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Slightly Better CSS
A webpage without any CSS is slightly too ugly, libraries like Bootstrap are way too heavy, and you have too much taste to use the other CSS libraries out there. Slightly Better CSS is a small, simple stylesheet for any project that needs to look just a little bit better.
We don't believe in classes or ID's, all our styling is around built-in variables, so you can write simple HTML. At only 7KB, Slightly Better CSS won't weight down your application, and is easily extendable.
[](https://www.npmjs.org/package/slightly-better-css)
[](http://www.npmtrends.com/slightly-better-css)
[](https://egghead.io/courses/how-to-contribute-to-an-open-source-project-on-github)
## 📦 Installation
Include the stylesheet in your project directly using the following link:
```html
```
Alternatively, use a CDN:
**unpkg**:
```html
```
**jsDelivr**:
```html
```
### Install via npm
You can also install Slightly Better CSS via npm:
```bash
npm install slightly-better-css
```
Then import it into your project:
```javascript
import "slightly-better-css";
```
### Clone the Repository
Want full control? Clone the repo and make adjustments to the CSS file as needed:
```bash
git clone https://github.com/printerscanner/slightly-better-css.git
```
### Download
- [Download slightly-better.css (un-minified)](https://unpkg.com/slightly-better-css/slightly-better.css)
- [Download slightly-better.min.css (minified)](https://unpkg.com/slightly-better-css/slightly-better.min.css)
## Customizing
If you like slightly better css but want a custom look, you can copy and paste these variables into your own stylesheet and swap your values.
```css
:root {
--background-color: #c3c7cf;
--text-color: #000000;
--accent-color: #00000f;
--muted-color: #f6f6f6;
--font-family: "Neue Montreal", monospace;
--font-size: larger;
}
```
## Preview
## Contributing
If you'd like to contribute to this repository feel free to fork/submit a pull request, and if you have any suggestions feel free to email me at itsprinterscanner@gmail.com.
## License
The theme is available as open source under the terms of the MIT License.