Show Topics

Stylus

Stylus is a CSS preprocessor, which adds special features such as variables, nested rules and mixins into regular CSS.

Options

  • Output File

    Click the output file path to manually change it or use project wide output options to adjust output path for all Stylus files.

  • SourceMap

    Enable this option to create a sourcemap (.map) file along with the output CSS file. SourceMap file allows you to find the original position of rule sets and properties in the Stylus file while inspecting pages with developer tools.

  • Use Nib

    Enable this option if you are importing Nib library in the Stylus file.

  • Line Numbers

    Enable this option to output comments in the CSS file containing the file name and line number of a rule set in the input Stylus file.

  • Prefix CSS

    Enable this option to add vendor prefixes to the output CSS file with Autoprefixer.

  • Minify CSS

    Enable this option to minify the output CSS file.

Imported Files

Prepros compiles the parent file whenever you edit an imported file. Prepros also re-scans imported files whenever you edit a file. Refresh project with CTRL+R or CMD+R to manually re-scan imported files.

@import 'b';
@import 'c.styl';

// This file will compiled automatically whenever you edit b.styl or c.styl

Use partial file name prefixed with an underscore (eg: _imported.styl) if you don't want Prepros to automatically compile a file whenever you edit it.

Learn more about Stylus from Stylus website.