{"id":13607967,"url":"https://github.com/leny/kouto-swiss","last_synced_at":"2025-04-12T14:19:04.327Z","repository":{"id":16650804,"uuid":"19406220","full_name":"leny/kouto-swiss","owner":"leny","description":"A complete CSS framework for Stylus","archived":false,"fork":false,"pushed_at":"2023-12-16T09:19:59.000Z","size":3016,"stargazers_count":375,"open_issues_count":6,"forks_count":34,"subscribers_count":23,"default_branch":"master","last_synced_at":"2025-04-12T14:18:58.680Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://leny.me/kouto-swiss/","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/leny.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2014-05-03T15:42:57.000Z","updated_at":"2025-03-04T10:52:32.000Z","dependencies_parsed_at":"2024-01-19T10:12:06.715Z","dependency_job_id":"f59d25e6-24e5-4b73-9af2-d00e0d53f710","html_url":"https://github.com/leny/kouto-swiss","commit_stats":{"total_commits":650,"total_committers":13,"mean_commits":50.0,"dds":0.03230769230769226,"last_synced_commit":"efc644cdddfda5daa5e269d55206a56a27dd7c58"},"previous_names":[],"tags_count":44,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leny%2Fkouto-swiss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leny%2Fkouto-swiss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leny%2Fkouto-swiss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leny%2Fkouto-swiss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leny","download_url":"https://codeload.github.com/leny/kouto-swiss/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248578876,"owners_count":21127714,"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-08-01T19:01:23.213Z","updated_at":"2025-04-12T14:19:04.304Z","avatar_url":"https://github.com/leny.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# kouto swiss\n\n[![NPM version](https://badge.fury.io/js/kouto-swiss.svg)](http://badge.fury.io/js/kouto-swiss) [![Build Status](http://img.shields.io/travis/leny/kouto-swiss.svg)](https://travis-ci.org/leny/kouto-swiss) ![Dependency Status](https://david-dm.org/leny/kouto-swiss.svg) ![Downloads counter](http://img.shields.io/npm/dm/kouto-swiss.svg) [![No Maintenance Intended](http://unmaintained.tech/badge.svg)](http://unmaintained.tech/)\n\n\u003e A complete CSS framework for [Stylus](http://learnboost.github.io/stylus/)\n\n* * *\n\n**kouto swiss** is a complete CSS framework for Stylus, inspired by great tools like nib, compass, bourbon…\n\n## Installation\n\n```bash\n$ npm install --save-dev kouto-swiss\n```\n\n## Usage\n\n### Included in compilation, with grunt or gulp.\n\n#### Grunt\n\nFor grunt, you can use [grunt-contrib-stylus](https://www.npmjs.org/package/grunt-contrib-stylus), and include **kouto swiss** in your `use` option for the task.\n\nYou can also use [grunt-ks-stylus](https://www.npmjs.org/package/grunt-ks-stylus), which is a fork of **grunt-contrib-stylus**, with **kouto swiss** included.\n\n#### Gulp\n\nFor gulp, use [gulp-stylus](https://www.npmjs.org/package/gulp-stylus) and include **kouto swiss** in your `use` option for the task.\n\n### PHPStorm/WebStorm File Watchers\n\nOn some IDEs like PHPStorm and Webstorm, you can automatically compile your styles as they change, without relying on a third-party tool.  In PHPStorm and Webstorm, this functionality is known as *file watchers*.  To use with PHPStorm or WebStorm, as a file watcher, simply:\n\n- Ensure you have added ``kouto-swiss`` as a dependency:\n\n```\n$ npm install --save-dev kouto-swiss\n```\n\n- Do an ``npm install``\n- Create a new file watcher with settings like these: ![image](https://cloud.githubusercontent.com/assets/1750837/4965903/60310eac-679d-11e4-85db-95950c854398.png)\n- Create an ``@import`` in one of you ``.styl`` files:\n```\n@import \"../../../node_modules/kouto-swiss\" // import kuoto-swiss for auto-prefixing (or whatever relative path where node-modules lives\n```\n\n### Included in compilation with third-party tools.\n\nTo use **kouto swiss** with third-party tools like [Codekit](https://incident57.com/codekit/) or [Prepros](http://alphapixels.com/prepros/), you should include **kouto swiss** on your project by yourself. You can download it [on github](https://github.com/leny/kouto-swiss/releases).\n\n_More information coming soon._\n\n### As middleware, for *on the fly* compilation.\n\nThere's an example of how to use stylus with kouto-swiss within Connect or Express.\n\n```javascript\nvar connect = require( \"connect\" ),\n    stylus = require( \"stylus\" ),\n    koutoSwiss = require( \"kouto-swiss\" ),\n    server = connect();\n\nfunction compile( str, path ) {\n    return stylus( str )\n        .set( \"filename\", path )\n        .set( \"compress\", true )\n        .use( koutoSwiss() );\n}\n\nserver.use( stylus.middleware( {\n    src: __dirname,\n    compile: compile\n} ) );\n\n```\n\n## Stylus API\n\nTo gain access to the kouto swiss tools from your Stylus files, simply add:\n\n```stylus\n@import \"kouto-swiss\"\n```\n\n## Contributing\n\nIn lieu of a formal styleguide, take care to maintain the existing coding style.\nAdd unit tests and update the docs for any new or changed functionality.\nMore informations in the `CONTRIBUTING.md` file.\n\n### Special call for contribution : someone who's English is better than I am !\n\n\u003e I am committed to improving the readability of documents with heart and soul. As you can see, I'm **not** a native English speaker. I need your help.\n\nIf you want to help the **kouto swiss** project, but don't want to write code, please consider reviewing the docs, correcting my *very bad* English.\nMany thanks!\n\n## Release History\n\nFor more details, look at the [changelog](./CHANGELOG.md).\n\n- **2017-02-26:** version `1.1.0`\n- **2016-12-26:** version `1.0.0`\n- **2016-12-06:** version `0.14.0`\n- **2016-11-12:** version `0.13.0`\n- **2016-03-25:** version `0.12.0`\n- **2014-11-08:** version `0.11.0`\n- **2014-08-18:** version `0.10.0`\n- **2014-07-19:** version `0.9.0`\n- **2014-06-30:** version `0.8.0`\n- **2014-05-20:** version `0.1.0`\n- **2014-05-05:** version `0.0.1`\n- **2014-05-03:** starting project\n\n## License\n\nCopyright (c) 2014 [leny](http://leny.me)\nLicensed under the MIT license.\n\n### Licenses for ressources used in docs\n\n#### Fonts\n\n* [Norwester by Jamie Wilson](http://jamiewilson.io/norwester/) ([SIL Open Font License](http://scripts.sil.org/OFL))\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleny%2Fkouto-swiss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleny%2Fkouto-swiss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleny%2Fkouto-swiss/lists"}