Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/jimniels/sassme

SassMe: Real-time manipulation and visualization of Sass color functions
https://github.com/jimniels/sassme

Last synced: about 2 months ago
JSON representation

SassMe: Real-time manipulation and visualization of Sass color functions

Lists

README

        

# SassMe

[![Screenshot of Sassme](https://i.imgur.com/9fPZaaU.png)](http://jim-nielsen.com/sassme/)

Dynamically view the output of Sass HSL color functions in the browser. The following Sass HSL functions are available for manipulation:

- [`lighten()`](http://sass-lang.com/documentation/Sass/Script/Functions.html#lighten-instance_method)
- [`darken()`](http://sass-lang.com/documentation/Sass/Script/Functions.html#darken-instance_method)
- [`saturate()`](http://sass-lang.com/documentation/Sass/Script/Functions.html#saturate-instance_method)
- [`desaturate()`](http://sass-lang.com/documentation/Sass/Script/Functions.html#desaturate-instance_method) (same as `grayscale()`)
- [`adjust-hue()`](http://sass-lang.com/documentation/Sass/Script/Functions.html#adjust_hue-instance_method)

## Development: `npm run start`

## Build: `npm run build`

Site is hosted on Github pages. `gh-pages` is the active build being hosted. `master` branch reflects current state of code.

## About

This project was originally conceived and built at Arc90. When first deployed, it lived on the web at `http://sassme.arc90.com/` and the original codebase was hosted under Arc90’s Github account at [arc90/sass-color-picker](https://github.com/arc90/sass-color-picker). However, due to organization conflicts, that repo is no longer maintained. This is now the **official** successor.

Many thanks to those who helped build [v1.0 of SassMe](https://github.com/jimniels/sassme/releases/tag/1.0):

- Jim Nielsen / [@jimniels](https://github.com/jimniels)
- Darren Newton / [@DarrenN](https://github.com/DarrenN)
- Robert Petro / [@robertjpetro](https://github.com/robertjpetro)
- Matt Quintanilla / [@mattq](https://github.com/mattq)
- Jesse Reiner

```text
____ __
/\ _`\ /\ \
\ \,\L\_\ __ ____ ____ __ __\ \ \
\/_\__ \ /'__`\ /',__\ /',__\/\ \/\ \\ \ \
/\ \L\ \/\ \L\.\_/\__, `\/\__, `\ \ \_\ \\ \_\
\ `\____\ \__/.\_\/\____/\/\____/\/`____ \\/\_\
\/_____/\/__/\/_/\/___/ \/___/ `/___/> \\/_/
/\___/
\/__/
```