Skip to content
Stylesheet for creating colored elements based on a github language class
CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE
README.md
index.css
index.scss
package.json
yarn.lock

README.md

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.

You can’t perform that action at this time.