{"id":27898,"library":"kouto-swiss","title":"kouto-swiss","description":"A complete CSS framework for Stylus, inspired by nib, compass, and bourbon. Current stable version is 1.1.0 (released 2017-02-26), with no updates since then. It provides mixins, utilities, a grid system, responsive helpers, vendor prefixing, reset, and typography. Unlike nib which is more minimal, kouto-swiss aims to be a full-featured framework similar to Compass for Sass. It integrates with Stylus via the `use()` method in Node.js or `@import` in Stylus files. Note: the project appears unmaintained (last release 2017).","status":"abandoned","version":"1.1.0","language":"javascript","source_language":"en","source_url":"git://github.com/leny/kouto-swiss","tags":["javascript","Stylus","CSS","framework","polyfill","grid","vendors","responsive","reset"],"install":[{"cmd":"npm install kouto-swiss","lang":"bash","label":"npm"},{"cmd":"yarn add kouto-swiss","lang":"bash","label":"yarn"},{"cmd":"pnpm add kouto-swiss","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Runtime peer dependency; kouto-swiss is a Stylus plugin providing mixins and utilities.","package":"stylus","optional":false}],"imports":[{"note":"The package does not provide ESM exports; use CommonJS require. For Stylus integration, pass the function to stylus.use().","wrong":"import koutoSwiss from 'kouto-swiss';","symbol":"koutoSwiss","correct":"const koutoSwiss = require('kouto-swiss');"},{"note":"The koutoSwiss function must be called (returns middleware) and passed to .use(), not set as a string option.","wrong":"stylus(str).set('use', koutoSwiss);","symbol":"stylus.use() with koutoSwiss","correct":"stylus(str).use(koutoSwiss());"},{"note":"Inside a .styl file, this import loads all kouto-swiss mixins and variables. Ensure the path resolves to node_modules.","wrong":"@import 'kouto-swiss' (works as well) OR @import \"kouto-swiss/index\"","symbol":"@import \"kouto-swiss\"","correct":"@import \"kouto-swiss\""}],"quickstart":{"code":"// Install: npm install --save-dev kouto-swiss stylus\n\n// Node.js compilation with Stylus\nconst stylus = require('stylus');\nconst koutoSwiss = require('kouto-swiss');\n\nconst str = `\n@import \"kouto-swiss\"\n\nbody\n  font-size: 16px\n  background-color: #f0f0f0\n\n.my-class\n  col(6)\n`;\n\nstylus(str)\n  .use(koutoSwiss())\n  .set('filename', 'example.styl')\n  .render((err, css) => {\n    if (err) throw err;\n    console.log(css);\n  });","lang":"javascript","description":"Shows how to use kouto-swiss as a Stylus plugin in Node.js with a simple Stylus snippet using the col() mixin."},"warnings":[{"fix":"Consider switching to nib or modern Stylus alternatives. For new projects, use a different framework.","message":"Project unmaintained: last release was 1.1.0 on 2017-02-26.","severity":"deprecated","affected_versions":">=1.0.0"},{"fix":"Use .use(koutoSwiss()) not .use(koutoSwiss).","message":"koutoSwiss() must be called as a function when passed to stylus.use().","severity":"gotcha","affected_versions":">=0.1.0"},{"fix":"Install stylus@0.x explicitly: npm install --save-dev stylus@0.54.7","message":"Stylus peer dependency version mismatch may cause issues; ensure stylus v0.x is installed (compatible with kouto-swiss 1.x).","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Use require() and avoid import statements.","message":"No ESM or TypeScript support; the package is CommonJS-only.","severity":"gotcha","affected_versions":">=0.1.0"},{"fix":"Use the provided utility functions and avoid overwriting kouto-swiss variables.","message":"Grid mixins may conflict with other frameworks if not namespaced.","severity":"gotcha","affected_versions":">=0.1.0"}],"env_vars":null,"last_verified":"2026-05-09T00:00:00.000Z","next_check":"2026-08-07T00:00:00.000Z","problems":[{"fix":"Use JavaScript: stylus(str).use(require('kouto-swiss')())","cause":"Using .set('use', 'kouto-swiss') or incorrect require path.","error":"stylus: \"kouto-swiss\" is not a valid Stylus plugin"},{"fix":"Run: npm install --save-dev kouto-swiss","cause":"Package not installed or missing from node_modules.","error":"Error: Cannot find module 'kouto-swiss'"},{"fix":"Add @import \"kouto-swiss\" at the top of your .styl file.","cause":"Forgetting to @import \"kouto-swiss\" in the Stylus file.","error":"ReferenceError: col is not defined"},{"fix":"Use: stylus(str).use(require('kouto-swiss')())","cause":"Calling require('kouto-swiss') without parentheses; it returns a function that returns a middleware.","error":"TypeError: koutoSwiss is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}