Documentation - Sass vs CSS

[joelanman]

Just used the Get Started guide and had a couple of points of feedback:

1. The get started guide says Sass is a requirement

https://frontend.design-system.service.gov.uk/installing-with-npm/#requirements

However, the main way it tells you to use the CSS is to copy the rendered css file into your app. I don't think this requires Sass?

2. When I tried to get Sass working, it failed because of the path. The instructions say to do this

@import "node_modules/govuk-frontend/dist/govuk/index";

However, I think this would only work if the Sass file is in the root of the project, which seems unlikely? I only got it working after adding --load-path=node_modules to my sass command and dropping node_modules in the import line.

[romaricpascal]

@joelanman Thanks for raising this. I'll move the issue to our Frontend Docs repository as the documentation is hosted over there 😊

[romaricpascal]

Just dropping some quick thoughts upon reading this, we'll need to have a more thorough look at the content.

1. Yes, adding the CSS doesn't require Sass at all as we provide pre-compiled CSS in our package.
2. We'll have to dig into how Sass resolves path, but it sounds like we may need more than that code example. @joelanman which version of Sass were you using and in which folder was your Sass file? We may also need to update our page describing how to import GOV.UK Frontend using Sass as it only provides that same line.