npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

sass-named-colors

v0.3.0

Published

A Sass micro-library featuring 1,500+ named colors

Downloads

1

Readme

SASS NAMED COLORS

A Sass micro-library featuring a standardized list of 1,500+ named colors. No need to puzzle out hex values; just use k-color(emerald), k-color(monsoon), k-color(cloud), and so on. Also features aliased functions and variable names for those who prefer to work with colours ;)

Original list of colors compiled by Chirag Mehta and converted to Sass by James Pearson. Additional credit is due to Erskine Design for the article Friendlier colour names with Sass maps. This project expands on their work by providing a bit of syntactic sugar as well as npm and Bower packages.

Read the announcement post on my blog.

Installation

Download/clone this repo or install with npm (npm install sass-named-colors --save-dev) or Bower (bower install sass-named-colors -D). Import into your project with @import "sass-named-colors/named-colors".

This library has no dependencies. Requirements: Sass 3.3+.

Usage

This library ships with one function: k-color($color, $fallback, $library). Only $color is required; the remaining arguments are mainly for internal use. Example:

.element {
  color: k-color(red);
  &:hover {
    color: rgba(k-color(orange), .9);
  }
}

To extend the built-in colors on a per-project basis:

$k-colors: map-merge($k-colors, (
  norse-blue:     #5cb6cc,
  suomi-blue:     #559dd1,
  steel-sky:      #444547,
  jove:           #24221E
));

Need a tool to browse the options? Try the color picker on the original project page.

Spelling

You can also use international spelling with all relevant functions and variables and swap "color" for "colour". Whatever you do, be consistent in what you use; don't add custom colors to $k-colors and then attempt to call them with k-colours() as this function will be checking $k-colours. Don't want alternate spelling? Ignore it and you won't be affected at all.

License

MIT/GPLv3.