Sass :nested

Last Updated:

Sass :nested

Sass :nested is one of the sass's output style. It indents CSS rules to match the nesting of the Sass source. It is default value in Ruby Sass.

Note: Ruby Sass is deprecated, whereas node-sass does not support :nested output styling.

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 nested
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