{"id":15985082,"url":"https://github.com/watilde/jsss-compiler","last_synced_at":"2025-03-17T15:32:15.487Z","repository":{"id":17874904,"uuid":"20814436","full_name":"watilde/jsss-compiler","owner":"watilde","description":"A altCSS: JavaScript-Based Style Sheets Preprocessor","archived":false,"fork":false,"pushed_at":"2017-05-09T10:40:38.000Z","size":642,"stargazers_count":32,"open_issues_count":0,"forks_count":1,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-02-28T01:18:14.778Z","etag":null,"topics":["javascipt","javascript","jss","style-sheets-preprocessor"],"latest_commit_sha":null,"homepage":"http://watilde.github.io/jsss-compiler","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/watilde.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-06-13T18:52:56.000Z","updated_at":"2017-05-07T16:23:22.000Z","dependencies_parsed_at":"2022-08-04T21:15:47.198Z","dependency_job_id":null,"html_url":"https://github.com/watilde/jsss-compiler","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/watilde%2Fjsss-compiler","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/watilde%2Fjsss-compiler/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/watilde%2Fjsss-compiler/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/watilde%2Fjsss-compiler/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/watilde","download_url":"https://codeload.github.com/watilde/jsss-compiler/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243869439,"owners_count":20361017,"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":["javascipt","javascript","jss","style-sheets-preprocessor"],"created_at":"2024-10-08T02:12:34.232Z","updated_at":"2025-03-17T15:32:14.820Z","avatar_url":"https://github.com/watilde.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JSSS-Compiler\n\nA altCSS: JavaScript-Based Style Sheets Preprocessor\n\n## Badges\n+ [![NPM Version](http://img.shields.io/npm/v/jsss-compiler.svg)](https://www.npmjs.org/package/jsss-compiler)\n+ [![MIT LICENSE](http://img.shields.io/badge/license-MIT-brightgreen.svg)](https://github.com/watilde/jsss-compiler/blob/master/LICENSE)\n+ [![Build Status](https://api.travis-ci.org/watilde/jsss-compiler.svg)](https://travis-ci.org/watilde/jsss-compiler)\n+ [![Dependency Status](https://gemnasium.com/watilde/jsss-compiler.svg)](https://gemnasium.com/watilde/jsss-compiler)\n\n## Original\nhttp://www.w3.org/Submission/1996/1/WD-jsss-960822\n\n## Install\n\nUsing npm.\n\n```\n$ npm install -g jsss-compiler\n```\n\nConfirm.\n\n```\n$ jsss -h\nUsage:\n    jsss style.js                Compile JSSS to stdout\n    jsss style.js -o style.css   Compile JSSS to file\n\nOptions:\n    -h, --help      Print this message\n    -o, --out       Output to single file\n    -e, --encoding  JSSS File encoding (default: utf8)\n    -v, --version   Print jsss-compiler version\n```\n\n## Example\n### style.js\n```js\ntags.h1.color = 'red';\ntags.h1.fontSize = '15px';\n\nids.foo.color = 'red';\nids.foo.fontSize = '15px';\nids.bar.color = 'blue';\nids.bar.fontSize = '10px';\n\nclasses.foo.all.color = 'red';\nclasses.foo.all.fontSize = '15px';\nclasses.bar.h1.color = 'blue';\nclasses.bar.h1.fontSize = '10px';\n\ncontextual(tags.ul, tags.li).color = 'red';\ncontextual(tags.ul, tags.li).fontSize = '10px';\n```\n\n### Compile\n```\n$ jsss style.js -o style.css\n```\n\n### style.css\n```css\nh1 {\n  color: red;\n  font-size: 15px;\n}\n\nul {\n  color: red;\n  font-size: 10px;\n}\n\nli {\n  color: red;\n  font-size: 10px;\n}\n\n#foo {\n  color: red;\n  font-size: 15px;\n}\n\n#bar {\n  color: blue;\n  font-size: 10px;\n}\n\n.foo {\n  color: red;\n  font-size: 15px;\n}\n\nh1.bar {\n  color: blue;\n  font-size: 10px;\n}\n```\n\n## tasks\nhttps://github.com/watilde/gulp-jsss\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwatilde%2Fjsss-compiler","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwatilde%2Fjsss-compiler","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwatilde%2Fjsss-compiler/lists"}