Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.

About

Stylesheet for creating colored elements based on a github language class

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages