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: 11 days 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: 2024-10-29T23:58:35.580Z (about 2 months 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.

- Buttons

- Flex

- Navbar

- Sidebar

- Scripts