{"id":18706169,"url":"https://github.com/bendc/jscss","last_synced_at":"2025-04-12T10:20:39.293Z","repository":{"id":26811444,"uuid":"30269990","full_name":"bendc/jscss","owner":"bendc","description":"JavaScript style sheets","archived":false,"fork":false,"pushed_at":"2015-02-03T23:18:17.000Z","size":113,"stargazers_count":39,"open_issues_count":0,"forks_count":3,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-26T05:11:27.079Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/bendc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-02-03T23:16:43.000Z","updated_at":"2021-02-01T08:23:37.000Z","dependencies_parsed_at":"2022-09-01T06:23:42.371Z","dependency_job_id":null,"html_url":"https://github.com/bendc/jscss","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/bendc%2Fjscss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bendc%2Fjscss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bendc%2Fjscss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bendc%2Fjscss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bendc","download_url":"https://codeload.github.com/bendc/jscss/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248550622,"owners_count":21122934,"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":[],"created_at":"2024-11-07T12:13:07.460Z","updated_at":"2025-04-12T10:20:39.267Z","avatar_url":"https://github.com/bendc.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Usage\n\nInsert **jscss.js**:\n\n```html\n\u003cscript src=jscss.js\u003e\u003c/script\u003e\n\n```\nWrite your styles in JavaScript using this fancy syntax:\n```javascript\nstyle(`\n\n  body\n    background #ccc\n\n  div\n    width 100px\n    height 100px\n    background white\n    box-shadow 0 1px 2px rgba(0, 0, 0, .5)\n    transform translateX(50%) scale(.5)\n\n`)\n```\n\n# Why\n\nBecause it drives me nuts to define some styles in my CSS file and some other styles that need to be computed in my JavaScript file. Having all my declarations in one place makes me 100% happier. Not having to type curly braces, colons and semicolons isn't unpleasant either.\n\n# Performance\n\n**jscss** takes approximately `0.03s` to parse and insert 10,000 lines of CSS (Firefox 35, OS X\n10.10). Good enough. And it's just 20 lines (uncompressed), so the loading should be acceptable too.\n\n# Browser support\n\nAny ES2015-friendly browser (which basically means Firefox 35 at the time of writing).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbendc%2Fjscss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbendc%2Fjscss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbendc%2Fjscss/lists"}