Skip to content

This plugin adds the programming language colours to the Tailwind colour palette.

License

Notifications You must be signed in to change notification settings

Astrotomic/tailwind-programming-language-colors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

tailwind-programming-language-colors

This plugin adds the programming language colours to the Tailwind colour palette.

Installation

yarn add Astrotomic/tailwind-programming-language-colors#main

tailwind.config.js

module.exports = {
  plugins: [
      require('tailwind-programming-language-colors'),
  ],
};

Usage

<div class="space-y-6">
    <button class="bg-lang-html px-4 py-2 rounded text-white">
        HTML
    </button>
    <button class="bg-lang-css px-4 py-2 rounded text-white">
        CSS
    </button>
    <button class="bg-lang-php px-4 py-2 rounded text-white">
        PHP
    </button>
    <button class="bg-lang-visual-basic-net px-4 py-2 rounded text-white">
        VB.NET
    </button>
    <button class="bg-lang-sas px-4 py-2 rounded text-white">
        SAS
    </button>
    <button class="bg-lang-haskell px-4 py-2 rounded text-white">
        Haskell
    </button>
</div>

Will result in something similar to this:

colours

About

This plugin adds the programming language colours to the Tailwind colour palette.

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published