{"id":16640376,"url":"https://github.com/loreanvictor/nokss","last_synced_at":"2025-10-30T09:30:58.784Z","repository":{"id":65139259,"uuid":"582631238","full_name":"loreanvictor/nokss","owner":"loreanvictor","description":"A drop-in stylesheet enough for getting started","archived":false,"fork":false,"pushed_at":"2023-04-07T18:50:37.000Z","size":1786,"stargazers_count":6,"open_issues_count":3,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-10-07T21:51:17.525Z","etag":null,"topics":["css","design-system","web"],"latest_commit_sha":null,"homepage":"https://loreanvictor.github.io/nokss/","language":"CSS","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/loreanvictor.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":"2022-12-27T12:20:58.000Z","updated_at":"2024-07-10T09:31:53.000Z","dependencies_parsed_at":"2023-01-08T21:51:53.691Z","dependency_job_id":null,"html_url":"https://github.com/loreanvictor/nokss","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loreanvictor%2Fnokss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loreanvictor%2Fnokss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loreanvictor%2Fnokss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loreanvictor%2Fnokss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/loreanvictor","download_url":"https://codeload.github.com/loreanvictor/nokss/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219856486,"owners_count":16556082,"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","design-system","web"],"created_at":"2024-10-12T07:08:40.592Z","updated_at":"2025-10-30T09:30:58.428Z","avatar_url":"https://github.com/loreanvictor.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbr\u003e\u003cbr\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"logo-dark.svg#gh-dark-mode-only\" height=\"64px\"/\u003e\n\u003cimg src=\"logo-light.svg#gh-light-mode-only\" height=\"64px\"/\u003e\n\n\u003csub\u003eEnough CSS to get started\u003c/sub\u003e\n\n\u003cbr\u003e\n\n\u003c/div\u003e\n\n\u003cdiv align=\"right\"\u003e\n\n![brotli size](https://badgen.net/badgesize/brotli/loreanvictor/nokss/gh-pages/nokss.css?color=black\u0026label=)\n![npm](https://img.shields.io/npm/v/nokss?label=%20\u0026style=flat-square)\n\n\u003c/div\u003e\n\n**nokss** is a drop-in stylesheet that works out of the box. No need to use CSS classes: just write plain, semantic HTML, and nokss will style it for you (as much as it can). **nokss** is designed for prototyping, blogs, articles, small projects, and as a starting point for more invloved applications.\n\nTo use **nokss**, simply include this line in your CSS:\n\n```css\n@import 'https://unpkg.com/nokss';\n```\n\n\u003cbr\u003e\n\n---\n\n\u003e 👉 [Read the docs](https://loreanvictor.github.io/nokss/) for more installation options and usage info.\n\n---\n\n\u003cbr\u003e\n\n# Contribution\n\nYou need [node](https://nodejs.org/en/), [NPM](https://www.npmjs.com) to start and [git](https://git-scm.com) to start.\n\n```bash\n# clone the code\ngit clone git@github.com:loreanvictor/nokss.git\n```\n```bash\n# install stuff\nnpm i\n```\n\nMake sure all checks are successful on your PRs. This includes all successful builds, and abiding all [the linting rules](https://github.com/loreanvictor/nokss/blob/main/.stylelintrc.json). The code is written in CSS, using [PostCSS](https://postcss.org) for bundling, vendor prefixing, minification, etc (see [this](https://github.com/loreanvictor/nokss/blob/main/postcss.config.js) for a comprehensive list of plugins), and [Stylelint](https://stylelint.io) for linting. Subsequently, an IDE integration for Stylelint would make your life much easier (for example, [VSCode](https://code.visualstudio.com) has [this nice Stylelint plugin](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)), but you could also use the following commands:\n\n\n```bash\n# run the linter\nnpm run lint\n```\n```bash\n# build the CSS package\nnpm run build:package\n```\n```bash\n# build the docs\nnpm run build:docs\n```\n```bash\n# run linter and build everything\nnpm test\n```\n\nYou can preview the effects of your modifications either in the docs, or in the sample playground located in `/sample` folder. You can run these via the following commands:\n\n```bash\n# preview the docs\nnpm run docs\n```\n```bash\n# preview the playground\nnpm run sample\n```\n\n\u003cbr\u003e\u003cbr\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Floreanvictor%2Fnokss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Floreanvictor%2Fnokss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Floreanvictor%2Fnokss/lists"}