{"id":15656528,"url":"https://github.com/mathisburger/chocolatecss","last_synced_at":"2025-03-30T02:13:02.742Z","repository":{"id":49275691,"uuid":"353475602","full_name":"MathisBurger/ChocolateCSS","owner":"MathisBurger","description":"A small CSS framework for some basic design","archived":false,"fork":false,"pushed_at":"2021-06-20T20:43:07.000Z","size":126,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-05T04:37:26.912Z","etag":null,"topics":["css-boilerplate","css-experience","css-library","darkmode","design-system","intention","libary","navbar","scss","scss-framework"],"latest_commit_sha":null,"homepage":"","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MathisBurger.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-03-31T20:01:01.000Z","updated_at":"2021-12-08T23:15:45.000Z","dependencies_parsed_at":"2022-09-10T04:03:52.705Z","dependency_job_id":null,"html_url":"https://github.com/MathisBurger/ChocolateCSS","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MathisBurger%2FChocolateCSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MathisBurger%2FChocolateCSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MathisBurger%2FChocolateCSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MathisBurger%2FChocolateCSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MathisBurger","download_url":"https://codeload.github.com/MathisBurger/ChocolateCSS/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246266239,"owners_count":20749754,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-boilerplate","css-experience","css-library","darkmode","design-system","intention","libary","navbar","scss","scss-framework"],"created_at":"2024-10-03T13:02:46.481Z","updated_at":"2025-03-30T02:13:02.722Z","avatar_url":"https://github.com/MathisBurger.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003ch1\u003eChocolateCSS\u003c/h1\u003e\n    \u003cstrong\u003e\n        A basic CSS libary made for modern design.\n    \u003c/strong\u003e\n    \u003cbr\u003e\n    \u003chr\u003e\n    \u003cimg src=\"https://sass-lang.com/assets/img/styleguide/seal-color-aef0354c.png\" height=\"100\"\u003e\n\n\u003c/div\u003e\n\n# Information\n\n---\nChocolateCSS is an lightweight scss libary, I build for use\nin 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.\u003cbr\u003e\nChocolateCSS 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.\n\n\u003cstrong\u003eNOTE:\u003c/strong\u003e This libary is made for the development of dark themes. It is quite hard to build light themes with it.\n\n# Installation\n\n---\nLatest release: \n\u003ca href=\"https://github.com/MathisBurger/ChocolateCSS/releases/download/v1.0.0-beta/\"\u003eDownload\u003c/a\u003e\n\nCSS:\n```css\n@import url(\"https://github.com/MathisBurger/ChocolateCSS/releases/download/v1.0.0-beta/chocolate.min.css\");\n```\n\nHTML:\n```html\n\u003clink rel=\"stylesheet\" href=\"https://github.com/MathisBurger/ChocolateCSS/releases/download/v1.0.0-beta/chocolate.min.css\"\u003e\n```\n\n\u003cstrong\u003eNOTE:\u003c/strong\u003e You need following line of code in your `head` tag. If you do not, the whole responsive design will not work.\n\n```html\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /\u003e\n```\n\nNow unzip the scripts.zip and place the `js/` folder whereever you want.\nIt is important, because you will need these scripts for further functionalities of the libary.\n\n# Scripts\n\n---\nIf you are using some functionallity, that requires javascript, you will need to add these scripts:\n\nNavbar:\n```html\n\u003cscript src=\"js/navbar-toggler.js\"\u003e\u003c/script\u003e\n```\n\nSidebar:\n```html\n\u003cscript src=\"js/sidebar-toggler.js\"\u003e\u003c/script\u003e\n```\n\n# Documentation\n\n---\nYou do not know how to use ChocolateCSS?\u003cbr\u003e\nCheck out the easy to use documentation and play arround with it.\n\n- \u003ca href=\"docs/buttons.md\"\u003eButtons\u003c/a\u003e\n- \u003ca href=\"docs/flex.md\"\u003eFlex\u003c/a\u003e\n- \u003ca href=\"docs/navbar.md\"\u003eNavbar\u003c/a\u003e\n- \u003ca href=\"docs/sidebar.md\"\u003eSidebar\u003c/a\u003e\n- \u003ca href=\"docs/scripts.md\"\u003eScripts\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathisburger%2Fchocolatecss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmathisburger%2Fchocolatecss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathisburger%2Fchocolatecss/lists"}