sass-site/old_source/blog/021-brand-new-sass-docs.html.md

34 lines
1.8 KiB
Markdown
Raw Normal View History

---
title: Brand New Sass Docs
author: Natalie Weizenbaum
date: 2019-04-23 10:04 PST
---
I'm excited to announce the launch of [a full rewrite and redesign of the Sass
documentation](/documentation), going live today after eight months of work by
[Jina Anne](https://github.com/jina) and myself! Jina, the lead of Team Sass
Design, is responsible for the layout and visual design of the new
documentation. She made everything gorgeous and readable.
[I](https://github.com/nex3) wrote all the text, so if you see a typo I'm the
one to blame.
<img src="/assets/img/blog/021-function-docs.png" alt="A preview of the function documentation page." width=640 />
In addition to reorganizing and rewriting all the documentation, we've added a special example widget that makes it easy to see how Sass stylesheets translate into CSS. It has tabs for both SCSS and the indented syntax, so you can use whichever you prefer, or switch between them to see the difference.
<img src="/assets/img/blog/021-syntax-switcher.png" alt="The example widget." width=640 />
The Sass function documentation is included in the rewrite. Functions are now organized into easy-to-understand sections, and Jina designed a super readable layout for them.
<img src="/assets/img/blog/021-functions-math.png" alt="The round() function." width=640 />
Best of all, the new documentation has full-text search courtesy of our friends
at [Algolia](https://www.algolia.com/). You can search for features, function
names, or anything else you want to learn more about and find it in an instant.
![An Algolia search.](/assets/img/blog/021-search.png)
Please take a look and enjoy! And if you find any issues, don't hesitate to
[file them](https://github.com/sass/sass-site/issues/new) so we can keep making
the website better and better.