Need private packages and team management tools?Check out npm Teams »

github-languages-css

1.0.0 • Public • Published

github-languages-css

npm

Stylesheet for creating colored elements based on a github language class

You do this in your markup.

<span class='project__tag project__language--javascript'>javascript</span>

This is what you import/include in your css

.project__language--javascript {
  background-color: #F1E05A;
  // the color is generated based on if white or black is a higher contrast to the background color
  color: #000000;
}

Easy Installation

Just run yarn add github-languages-css or npm install -save github-languages-css

If you're using webpack to compile, you can use @import '~github-languages-css/index.scss'

If you're using postcss you can use postcss-import then @import 'github-languages-css/index.css'

If you're using a custom gulp / grunt task make sure your includePath for node-sass includes node_modules. Feel free to submit a issue if you have trouble setting this up.

Install

npm i github-languages-css

DownloadsWeekly Downloads

0

Version

1.0.0

License

MIT

Unpacked Size

27.9 kB

Total Files

5

Last publish

Collaborators

  • avatar