mirror of
https://github.com/danog/sass-site.git
synced 2024-12-02 09:27:59 +01:00
34 lines
1.8 KiB
Markdown
34 lines
1.8 KiB
Markdown
|
---
|
||
|
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.
|