STYLUS(1)

📦
version 0.59.0+~0.48.38 · 4 versions
, in debian bookworm, ubuntu noble

💅 STYLUS(1) — like, the manual, but make it make sense ✨

okay bestie, listen up — this is the man page for stylus, and it's filed under User Commands in the manual. It's the compiler for that expressive, robust, feature-rich CSS language you keep hearing about. 🎀

🌸 NAME 🌸

stylus — expressive, robust, feature-rich CSS language compiler 💖

✨ DESCRIPTION ✨

🦋 How you actually run it

Usage: stylus [options] [command] [< in [> out]]

[file|dir ...]

No cap, that's the whole vibe: options, then optionally a command, then either pipe stuff in with < and out with >, or just hand it a pile of files and dirs. Easy. 🌈

🎀 Commands

help [<type>:]<prop>

Opens help info at MDN for <prop> in your default browser. Optionally searches other resources of <type>, and the valid types are:

  • safari
  • opera
  • w3c
  • ms
  • caniuse
  • quirksmode

So you literally just ask and it yeets you straight to the docs. Main character research energy. 🔥

👑 Options

Every single one, bestie. Not skipping a thing. Periodt.

  • -i, --interactive — Start interactive REPL 🫶
  • -u, --use <path> — Utilize the Stylus plugin at <path> 🔌
  • -U, --inline — Utilize image inlining via data URI support 🖼️
  • -w, --watch — Watch file(s) for changes and re-compile 👀
  • -o, --out <dir> — Output to <dir> when passing files 📁
  • -C, --css <src> [dest] — Convert CSS input to Stylus 🔄
  • -I, --include <path> — Add <path> to lookup paths 🗺️
  • -c, --compress — Compress CSS output 🗜️
  • -d, --compare — Display input along with output 👯
  • -f, --firebug — Emits debug infos in the generated CSS that can be used by the FireStylus Firebug plugin 🐛
  • -l, --line-numbers — Emits comments in the generated CSS indicating the corresponding Stylus line 🔢
  • -m, --sourcemap — Generates a sourcemap in sourcemaps v3 format 🗺️
  • -q, --quiet — Less noisy output 🤫
  • --sourcemap-inline — Inlines sourcemap with full source text in base64 format 📦
  • --sourcemap-root <url> — "sourceRoot" property of the generated sourcemap 🌳
  • --sourcemap-base <path> — Base <path> from which sourcemap and all sources are relative 📍
  • -P, --prefix [prefix] — prefix all css classes 🏷️
  • -p, --print — Print out the compiled CSS 🖨️
  • --import <file> — Import stylus <file> 📥
  • --include-css — Include regular CSS on @import 💌
  • --ext — Specify custom file extension for compiled file, default .css 📎
  • -D, --deps — Display dependencies of the compiled file 🕸️
  • --disable-cache — Disable caching 🚫
  • --hoist-atrules — Move @import and @charset to the top ⬆️
  • -r, --resolve-url — Resolve relative urls inside imports 🔗
  • --resolve-url-nocheck — Like --resolve-url but without file existence check 🙈
  • -V, --version — Display the version of Stylus 🏷️
  • -h, --help — Display help information 🆘
tiny heads-up, bestie: --ext takes its value but the original doesn't wrap it in angle brackets the way the others do — so that's exactly how it's written here too. Fidelity, queen. 💅

And that's the whole page!! You now know every flag, every command, every path placeholder, and you didn't even have to read boring manpage prose. Iconic behaviour, honestly. 🦋✨

Kisses, and go compile something cute. 💜🎀

This has been stylus version 0.59.0, from December 2022 — that's the source and date, bestie, logged for the archives. 🌸 Byeee! 👑

📦 where this page comes from