slightly-better-css

KO | EN

gitlite — search

#javascript #python #ai #typescript #rust #deep-learning #linux #docker #macos #windows #vue #security #ios #open-source

slightly-better-css

(★ 11)

🧼 Slightly Better CSS is a lightweight (2KB) stylesheet for people with taste.

slightly-better-css Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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.

[![NPM version](https://img.shields.io/npm/v/slightly-better-css.svg)](https://www.npmjs.org/package/slightly-better-css)
[![npm](https://img.shields.io/npm/dt/slightly-better-css.svg)](http://www.npmtrends.com/slightly-better-css)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](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
<link
  rel="stylesheet"
  href="https://printerscanner.github.io/slightly-better-css/slightly-better.css"
/>
```

Alternatively, use a CDN:

**unpkg**:

```html
<link
  rel="stylesheet"
  href="https://unpkg.com/browse/slightly-better-css@1.0.1/dist/slightly-better.min.css"
/>
```

**jsDelivr**:

```html
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/slightly-better-css@1.0.1/dist/slightly-better.min.css"
/>
```

### 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

![Screenshot](https://raw.githubusercontent.com/printerscanner/slightly-better-css/main/screenshot.png)

## 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.

slightly-better-css

slightly-better-css Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

slightly-better-css

slightly-better-css Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README