Stylus is a CSS preprocessor, which adds special features such as variables, nested rules and mixins into regular CSS.
Click the output file path to manually change it or use project wide output options to adjust output path for all Stylus files.
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.
Enable this option if you are importing Nib library in the Stylus file.
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.
Enable this option to add vendor prefixes to the output CSS file with Autoprefixer.
Enable this option to minify the output CSS file.
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.