Metadata
- Source
- FLUID-6551
- Type
- Improvement
- Priority
- Minor
- Status
- Closed
- Resolution
- Fixed
- Assignee
- Ned Zimmerman
- Reporter
- Ned Zimmerman
- Created
2020-09-15T07:50:27.671-0400 - Updated
2020-10-29T13:18:09.111-0400 - Versions
- N/A
- Fixed Versions
- N/A
- Component
-
- UI Options
Description
Currently Infusion uses Stylus as a CSS preprocessor. It's worth exploring whether Stylus is the best choice or whether it might be worth switching to SCSS.
Comments
-
Ned Zimmerman commented
2020-09-24T10:40:19.856-0400 I've taken a look at a variety of Fluid and IDRC projects to see what preprocessors (if any) they use:
- c2lc-website uses CSS with no preprocessor
- c2lc-coding-environment uses SCSS
- docs-inclusive-learning uses Stylus
- floeproject.org uses CSS with no preprocessor
- fluidproject.org uses CSS with no preprocessor
- guide.inclusivedesign.ca uses Stylus
- idrc uses SCSS
- infusion uses Stylus
- sjrk-story-telling uses CSS with no preprocessor
- snow-theme uses Stylus
- sojustrepairit.org uses CSS with no preprocessor
- website-cities uses CSS with no preprocessor
- wecount.inclusivedesign.ca uses SCSS
Of those that use a preprocessor, three use SCSS and four use Stylus.
-
Tony Atkins [RtF] commented
2020-10-09T05:07:39.407-0400 infusion uses Stylus
I know there's a plan to split out the components from Infusion, but until that's done, the Infusion repo also has CSS files without a preprocessor, such as:
https://github.com/fluid-project/infusion/blob/master/src/components/inlineEdit/css/InlineEdit.css
-
Ned Zimmerman commented
2020-10-28T10:43:03.163-0400 Related to this is FLUID-6566, which would involve processing all CSS (and compiled Stylus) using Autoprefixer.
-
Justin Obara commented
2020-10-29T13:18:09.092-0400 As part of the work on FLUID-6496 the CSS Preprocessing in Infusion was migrated to Sass