{"id":15097147,"url":"https://github.com/connectkushal/cssnotes","last_synced_at":"2026-02-15T15:04:38.727Z","repository":{"id":219931828,"uuid":"749759682","full_name":"connectkushal/cssnotes","owner":"connectkushal","description":"Revision notes for css, sass, bulma, bootstrap5 and the related tools","archived":false,"fork":false,"pushed_at":"2025-09-04T13:14:41.000Z","size":107,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-17T10:37:26.956Z","etag":null,"topics":["bootstrap5","bulma","bulma-css","bulma-css-framework","css","css-flexbox","css-grid","css3","notes","postcss","sass","sass-framework","tutorial","vite"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/connectkushal.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-01-29T10:43:08.000Z","updated_at":"2025-09-04T13:14:45.000Z","dependencies_parsed_at":"2024-01-30T12:46:39.314Z","dependency_job_id":"e42c1fe7-6a72-4c5b-971c-65d6942cce04","html_url":"https://github.com/connectkushal/cssnotes","commit_stats":{"total_commits":32,"total_committers":1,"mean_commits":32.0,"dds":0.0,"last_synced_commit":"9cd757d68f0ba7b4086638c2a4af8197e7ee2589"},"previous_names":["connectkushal/cssnotes"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/connectkushal/cssnotes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connectkushal%2Fcssnotes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connectkushal%2Fcssnotes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connectkushal%2Fcssnotes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connectkushal%2Fcssnotes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/connectkushal","download_url":"https://codeload.github.com/connectkushal/cssnotes/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connectkushal%2Fcssnotes/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29481925,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-15T11:35:25.641Z","status":"ssl_error","status_checked_at":"2026-02-15T11:34:57.128Z","response_time":118,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["bootstrap5","bulma","bulma-css","bulma-css-framework","css","css-flexbox","css-grid","css3","notes","postcss","sass","sass-framework","tutorial","vite"],"created_at":"2024-09-25T16:04:45.907Z","updated_at":"2026-02-15T15:04:38.709Z","avatar_url":"https://github.com/connectkushal.png","language":null,"readme":"[WIP]\nThis repo contains periodically updated notes on whatever I am learning about css, sass, css frameworks and related topics. There are also pointers on things i have encountered while trying out stuff, be it errors, some discovery, tips from others, etc. The language and style is for personal revision, hence some parts may be grammatically incorrect or out of context.\n\n#### Index\n\n- [Setup](#setup)\n- [Introduction](https://github.com/connectkushal/cssnotes/blob/main/introduction.md)\n- Basics\n  - [Vocabulary](https://github.com/connectkushal/cssnotes/blob/main/vocabulary.md)\n  - [Units](https://github.com/connectkushal/cssnotes/blob/main/units.md)\n  - [Inheritance](https://github.com/connectkushal/cssnotes/blob/main/inheritance.md)\n- Layouts\n  - [Box Model](https://github.com/connectkushal/cssnotes/blob/main/boxmodel.md)\n  - [Flexbox](https://github.com/connectkushal/cssnotes/blob/main/flexbox.md)\n  - [Grid]() \n- [Snippets]()\n\n \n\n---\n\n##### Setup\n- inside your project directory, run `npm init -y \u0026\u0026 npm pkg set type=\"module\"`\n\nwithout build tools\n- `npm i -g sass`\n- `sass -w input.scss output.css` running on the terminal\n- vscode plugin liveserver from `index.html`\n\nwith vite\n- `npm i -g vite sass`\n- to index.html, add link:css with href=`path/to/main.scss` or `app.scss`\n- `vite run dev`\n  - OR run `vite run build` then liveserver plugin\n    \n**Notes for vite setup**\n- to avoid sass warning messages, add this config to `vite.config.js` \n    \n    ```\n    import { defineConfig } from 'vite'\n\n    export default defineConfig({\n      css: {\n          preprocessorOptions: {\n              scss: {\n                  api: \"modern\"\n              }\n          }\n      }\n    })\n    ```\n   -  `import { defineConfig } from 'vite'` // this is for editor's intellisense\n   -  `api: \"modern\"` // this is part of vite's code/options, not of sass-cli. Default is set to `\"legacy\"`\n   -  other options used in vite to config sass, like `quietDeps:true` is actually `--quiet-deps` from the sass cli, check sass official docs accordingly.\n- `package.json` should have `type=\"module\"` to avoid warning messages from vite\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconnectkushal%2Fcssnotes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fconnectkushal%2Fcssnotes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconnectkushal%2Fcssnotes/lists"}