https://github.com/geopjr/sandstorm

🚀 Fast 🖌️ Utility-first 🌈 CSS Colors 🎨 in < 100 LOC 💻
https://github.com/geopjr/sandstorm

colors css hsl html joke react rgb svelte tailwind tailwindcss tiny utility vue

Last synced: about 1 month ago
JSON representation

🚀 Fast 🖌️ Utility-first 🌈 CSS Colors 🎨 in < 100 LOC 💻

• Host: GitHub
• URL: https://github.com/geopjr/sandstorm
• Owner: GeopJr
• License: bsd-2-clause
• Created: 2022-10-29T17:29:07.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-29T17:32:18.000Z (about 2 years ago)
• Last Synced: 2024-10-29T07:21:48.577Z (3 months ago)
• Topics: colors, css, hsl, html, joke, react, rgb, svelte, tailwind, tailwindcss, tiny, utility, vue
• Language: Crystal
• Homepage:
• Size: 4.88 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
Sandstorm

🚀 Fast 🖌️ Utility-first 🌈 CSS Colors 🎨 in < 100 LOC 💻


```css

.rgb-1-8-33{color:rgb(1,8,33);}.rgb-1-8-34{color:rgb(1,8,34);}.rgb-1-8-35{color:rgb(1,8,35);}.rgb-1-8-36{color:rgb(1,8,36);}.rgb-1-8-37{color:rgb(1,8,37);}.rgb-1-8-38{color:rgb(1,8,38);}.rgb-1-8-39{color:rgb(1,8,39);}.rgb-1-8-40{color:rgb(1,8,40);}.rgb-1-8-41{color:rgb(1,8,41);}.rgb-1-8-42{color:rgb(1,8,42);}.rgb-1-8-43{color:rgb(1,8,43);}.rgb-1-8-44{color:rgb(1,8,44);}.rgb-1-8-45{color:rgb(1,8,45);}.rgb-1-8-46{color:rgb(1,8,46);}.rgb-1-8-47{color:rgb(1,8,47);}.rgb-1-8-48{color:rgb(1,8,48);}

```



🤢 `
` 🤮

💝 `
` 😻

#

## Features

- 🍄 **Tiny - Only 4.4 GB / 587.5 MB (gzipped)**

- 🤹 **RGB, HSL & HEX Support**

- 🧮 **`color`, `background-color` & `border` Support**

- 🌟 **No need to ever touch CSS again**

- ⚡️ **Pre-generated - no build tools needed**

- 📝 **Modular - import only what you need**

#

## Building

```

$ crystal build sandstorm.cr --release

$ ./sandstorm

```

or if you just want to run it once:

```

$ crystal run sandstorm.cr

```

This will generate everything under `./out/`.

### Dependencies

- `Crystal` - `~1.6.1`

#

## Sponsors



[![GeopJr Sponsors](https://cdn.jsdelivr.net/gh/GeopJr/GeopJr@main/sponsors.svg)](https://github.com/sponsors/GeopJr)



> This is a joke. If you are looking for something actually useful check out this little project: https://developer.mozilla.org/en-US/docs/Web/CSS.

> Don't even think about using this.