Provide source maps for CSS generated from Stylus

Description

Some of our CSS, in particular the styles for the preferences framework, are generated using Stylus. These files are compiled into proper CSS files which are used by preference editors. However, there is no mapping between the two when debugging the styles in the browser. We should look into providing source maps for the stylus files.

see: http://stylus-lang.com/docs/sourcemaps.html

Environment

None

Activity

Show:

Justin Obara March 23, 2021 at 4:49 PM

As part of the work on https://fluidproject.atlassian.net/browse/FLUID-6496#icft=FLUID-6496 the CSS Preprocessing in Infusion was migrated to Sass

Justin Obara June 16, 2016 at 6:17 PM

We are currently using the "grunt-contrib-stylus" grunt plugin for compiling Styl files to css. However, this plugin does not explicitly support source maps. It is possible to get it to generate inline source maps, but this causes the css file size to double. A more appropriate method would be to create distinct map files.

https://github.com/gruntjs/grunt-contrib-stylus/issues/118#issuecomment-98195500

Won't Fix

Details

Assignee

Reporter

Components

Fix versions

Priority

Created June 16, 2016 at 6:15 PM
Updated March 23, 2021 at 4:49 PM
Resolved March 23, 2021 at 4:49 PM