Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mathisburger/chocolatecss
A small CSS framework for some basic design
https://github.com/mathisburger/chocolatecss
css-boilerplate css-experience css-library darkmode design-system intention libary navbar scss scss-framework
Last synced: about 6 hours ago
JSON representation
A small CSS framework for some basic design
- Host: GitHub
- URL: https://github.com/mathisburger/chocolatecss
- Owner: MathisBurger
- License: mit
- Created: 2021-03-31T20:01:01.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-06-20T20:43:07.000Z (over 3 years ago)
- Last Synced: 2023-03-11T06:24:05.763Z (over 1 year ago)
- Topics: css-boilerplate, css-experience, css-library, darkmode, design-system, intention, libary, navbar, scss, scss-framework
- Language: SCSS
- Homepage:
- Size: 123 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
ChocolateCSS
A basic CSS libary made for modern design.
# Information
---
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.
# Installation
---
Latest release:
Download
CSS:
```css
@import url("https://github.com/MathisBurger/ChocolateCSS/releases/download/v1.0.0-beta/chocolate.min.css");
```
HTML:
```html
```
NOTE: You need following line of code in your `head` tag. If you do not, the whole responsive design will not work.
```html
```
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.
# Scripts
---
If you are using some functionallity, that requires javascript, you will need to add these scripts:
Navbar:
```html
```
Sidebar:
```html
```
# Documentation
---
You do not know how to use ChocolateCSS?
Check out the easy to use documentation and play arround with it.