From c71694e28b11c9c3e909692c5614b2670cec01b2 Mon Sep 17 00:00:00 2001 From: Tim Neutkens Date: Sun, 26 Jan 2020 16:01:22 +0100 Subject: [PATCH] Update built-in-css-support.md --- docs/basic-features/built-in-css-support.md | 18 +++--------------- 1 file changed, 3 insertions(+), 15 deletions(-) diff --git a/docs/basic-features/built-in-css-support.md b/docs/basic-features/built-in-css-support.md index 62425b01e4919..ae832b021f26e 100644 --- a/docs/basic-features/built-in-css-support.md +++ b/docs/basic-features/built-in-css-support.md @@ -157,22 +157,10 @@ export default HelloWorld Please see the [styled-jsx documentation](https://github.com/zeit/styled-jsx) for more examples. -## Sass Support +## Sass, Less and Stylus Support -Next.js allows you to import Sass using both the `.scss` and `.sass` extensions. -You can use component-level Sass via CSS Modules and the `.module.scss` or `.module.sass` extension. - -Before you can use Next.js' built-in Sass support, be sure to install [`sass`](https://github.com/sass/sass): - -```bash -npm install sass -``` - -Sass support has the same benefits and restrictions as the built-in CSS support detailed above. - -## Less and Stylus Support - -To support importing `.less` or `.styl` files you can use the following plugins: +To support importing `.scss`, `.sass`, `.less`, or `.styl` files you can use the following plugins: +- [@zeit/next-sass](https://github.com/zeit/next-plugins/tree/master/packages/next-sass) - [@zeit/next-less](https://github.com/zeit/next-plugins/tree/master/packages/next-less) - [@zeit/next-stylus](https://github.com/zeit/next-plugins/tree/master/packages/next-stylus)