README.md

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.

📦 Installation

Include the stylesheet in your project directly using the following link:

<link
  rel="stylesheet"
  href="https://printerscanner.github.io/slightly-better-css/slightly-better.css"
/>

Alternatively, use a CDN:

unpkg:

<link
  rel="stylesheet"
  href="https://unpkg.com/browse/[email protected]/dist/slightly-better.min.css"
/>

jsDelivr:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/slightly-better.min.css"
/>

Install via npm

You can also install Slightly Better CSS via npm:

npm install slightly-better-css

Then import it into your project:

import "slightly-better-css";

Clone the Repository

Want full control? Clone the repo and make adjustments to the CSS file as needed:

git clone https://github.com/printerscanner/slightly-better-css.git

Download

• Download slightly-better.css (un-minified)
• Download slightly-better.min.css (minified)

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.

: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 [email protected].

License

The theme is available as open source under the terms of the MIT License.