kouto-swiss

library1.1.0jsnpmunverified

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).

web-framework

npm install kouto-swiss

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · KOUTO-SWISS

kouto-swiss

web-frameworkjavascriptv1.1.0

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

koutoSwiss

✓ const koutoSwiss = require('kouto-swiss');

✗ import koutoSwiss from 'kouto-swiss';

The package does not provide ESM exports; use CommonJS require. For Stylus integration, pass the function to stylus.use().

stylus.use() with koutoSwiss

✓ stylus(str).use(koutoSwiss());

✗ stylus(str).set('use', koutoSwiss);

The koutoSwiss function must be called (returns middleware) and passed to .use(), not set as a string option.

@import "kouto-swiss"

✓ @import "kouto-swiss"

✗ @import 'kouto-swiss' (works as well) OR @import "kouto-swiss/index"

Inside a .styl file, this import loads all kouto-swiss mixins and variables. Ensure the path resolves to node_modules.

Shows how to use kouto-swiss as a Stylus plugin in Node.js with a simple Stylus snippet using the col() mixin.

// Install: npm install --save-dev kouto-swiss stylus // Node.js compilation with Stylus const stylus = require('stylus'); const koutoSwiss = require('kouto-swiss'); const str = ` @import "kouto-swiss" body font-size: 16px background-color: #f0f0f0 .my-class col(6) `; stylus(str) .use(koutoSwiss()) .set('filename', 'example.styl') .render((err, css) => { if (err) throw err; console.log(css); });

Debug

Known issues

deprecatedProject unmaintained: last release was 1.1.0 on 2017-02-26.

fix

Consider switching to nib or modern Stylus alternatives. For new projects, use a different framework.

affects: >=1.0.0

gotchakoutoSwiss() must be called as a function when passed to stylus.use().

fix

Use .use(koutoSwiss()) not .use(koutoSwiss).

affects: >=0.1.0

gotchaStylus peer dependency version mismatch may cause issues; ensure stylus v0.x is installed (compatible with kouto-swiss 1.x).

fix

Install stylus@0.x explicitly: npm install --save-dev stylus@0.54.7

affects: >=1.0.0

gotchaNo ESM or TypeScript support; the package is CommonJS-only.

fix

Use require() and avoid import statements.

affects: >=0.1.0

gotchaGrid mixins may conflict with other frameworks if not namespaced.

fix

Use the provided utility functions and avoid overwriting kouto-swiss variables.

affects: >=0.1.0

Errors

Common errors & fixes

stylus: "kouto-swiss" is not a valid Stylus plugin

Using .set('use', 'kouto-swiss') or incorrect require path.

fix

Use JavaScript: stylus(str).use(require('kouto-swiss')())

Error: Cannot find module 'kouto-swiss'

Package not installed or missing from node_modules.

fix

Run: npm install --save-dev kouto-swiss

ReferenceError: col is not defined

Forgetting to @import "kouto-swiss" in the Stylus file.

fix

Add @import "kouto-swiss" at the top of your .styl file.

TypeError: koutoSwiss is not a function

Calling require('kouto-swiss') without parentheses; it returns a function that returns a middleware.

fix

Use: stylus(str).use(require('kouto-swiss')())

Upgrade

Version history

1.1.0latest on npm

Audit

Dependencies

stylusrequiredRuntime peer dependency; kouto-swiss is a Stylus plugin providing mixins and utilities.

Agent activity

2 hits · last 30 days

node

Resources

githubhttps://github.com/leny/kouto-swiss ↗

packagehttps://www.npmjs.com/package/kouto-swiss ↗

homepagehttp://kouto-swiss.io ↗