This includes our whole system. You will very rarely want to import this. One use case is this documentation site.

@import "@wbez/ferris-ds/assets/scss/all"

This CSS file establishes the styles for our cookbook — components and classes that digital editors can drop into stories.

@import "@wbez/ferris-ds/assets/scss/cookbook"

This CSS file uses everything with the exception of our resets. We use this to generate standalone CSS for components. In that process we take the component HTML and no-resets.css. We then prune the excess CSS that isn't referenced in the HTML. If you were to navigate to pages/components/{c-component-name}/raw-preview.html and view source, you'll see the pruned output of this file based on the HTML of the component.

@import "@wbez/ferris-ds/assets/scss/no-resets"