Sass :expanded

Last Updated:

Example

Sass :expanded is one of the sass's output style. It writes each selector and declaration on its own line. It is default value in node-sass.

Example

basic.scss
body { text-align: right; a, a:visited { padding: 0 3px; color: #222222; } a:hover { color: #B00909; } }

Execute the following command.

Command Prompt
sass --watch scss/basic.scss:css/basic.css --style expanded
Basic.css
body { text-align: right; } body a, body a:visited { padding: 0 3px; color: #222222; } body a:hover { color: #B00909; }

Share this Page

Meet the Author