ChocolateCSS is an lightweight scss libary, I build for use
in my personal projects. I wanted to learn more about professional web design. Furthermore I my intention behind this project was, to get rid of css boilerplate code.
ChocolateCSS is not made for beginners. It is especially made for people, who want to design their web pages or apps very fast. But you need at least a bit of css experience.
NOTE: This libary is made for the development of dark themes. It is quite hard to build light themes with it.
Latest release: Download
CSS:
@import url("https://github.com/MathisBurger/ChocolateCSS/releases/download/v1.0.0-beta/chocolate.min.css");HTML:
<link rel="stylesheet" href="https://github.com/MathisBurger/ChocolateCSS/releases/download/v1.0.0-beta/chocolate.min.css">NOTE: You need following line of code in your head tag. If you do not, the whole responsive design will not work.
<meta name="viewport" content="width=device-width, initial-scale=1" />Now unzip the scripts.zip and place the js/ folder whereever you want.
It is important, because you will need these scripts for further functionalities of the libary.
If you are using some functionallity, that requires javascript, you will need to add these scripts:
Navbar:
<script src="js/navbar-toggler.js"></script>Sidebar:
<script src="js/sidebar-toggler.js"></script>You do not know how to use ChocolateCSS?
Check out the easy to use documentation and play arround with it.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent