Giter Site home page Giter Site logo

gonerogueproductions / chordcss Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 2.0 14.39 MB

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

Home Page: https://getchord.ml

License: GNU General Public License v3.0

CSS 40.18% HTML 57.50% Python 2.32%
css html chordcss better chord cool css-framework easy webdev website

chordcss's Introduction

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

chordcss's People

Contributors

portfolioapikey avatar renovate[bot] avatar thisiscoding1234 avatar uimaxbai avatar werdl avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

werdl yeetface513

chordcss's Issues

website looks old

Is your feature request related to a problem? Please describe.
website looks anchient

Describe the solution you'd like
modernising the design

Describe alternatives you've considered
NONE
Additional context
NONE

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

This repository currently has no open or pending branches.

Detected dependencies

github-actions
.github/workflows/file.yaml
  • actions/checkout v3
.github/workflows/kubesec.yml
  • actions/checkout v3
  • controlplaneio/kubesec-action 43d0ddff5ffee89a6bb9f29b64cd865411137b14
  • github/codeql-action v2
.github/workflows/main.yml
  • actions/setup-node v3.7.0
.github/workflows/static.yml
  • actions/checkout v3
  • actions/configure-pages v3
  • actions/upload-pages-artifact v1
  • actions/deploy-pages v2

  • Check this box to trigger a request for Renovate to run again on this repository

qrwewt

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. Android]
  • Browser [e.g. chrome, firefox]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. Nokia G11]
  • OS: [e.g. Android 12]
  • Browser [e.g. chrome, stock browser]
  • Version [e.g. 107]

Additional context
Add any other context about the problem here.

awerwerewra

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.