Skip to content

A CSS framework to make life easier. Use chords in your class to save hundreds of lines of code that you would have written.

License

Notifications You must be signed in to change notification settings

Yeetface513/chordcss

 
 

Repository files navigation

ChordCSS

The best solution for CSS. Include in every project.

ChordCSS allows you to seamlessly write CSS without the hassle.

For example...

  • Instead of this:
<a href="#" style="color: blue;">Hello World!</a>

Write this:
<a href="#" class="c-b">Hello World!</a>
  • Instead of this:
body { 
  background: #969696; 
}

Write this:
body { 
  background: var(--c-lg); 
}

Features

  • Hassle-free CSS
  • Built-in colors
  • Loads of templates to get you started
  • No JS so no need for npm
  • One click install
  • Navbar
  • Attributes
  • Makes your code tidier
  • Hosted online and of course is open source under GPL v3!

Get Started

It's easy. To get the best CSS experience on your website, simply add the following tag into your <head>:

<link rel="stylesheet" href="https://getchord.ml/chordcss/chord.min.css">

or you can git clone this repo and use the CSS files inside.

or get chord.min.css from the releases tab

For more, read the wiki

About

A CSS framework to make life easier. Use chords in your class to save hundreds of lines of code that you would have written.

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 57.5%
  • CSS 40.2%
  • Python 2.3%