selector_nest

selector_nest($selectors...)

Return a new selector with all selectors in $selectors nested beneath one another as though they had been nested in the stylesheet as $selector1 { $selector2 { ... } }.

Unlike most selector functions, selector-nest allows the parent selector & to be used in any selector but the first.

Examples:

selector-nest(".foo", ".bar", ".baz") => .foo .bar .baz
selector-nest(".a .foo", ".b .bar") => .a .foo .b .bar
selector-nest(".foo", "&.bar") => .foo.bar

Returns A list of lists of strings representing the result of nesting $selectors. This is in the same format as a selector returned by &.

Parameters:

$selectors ([String, List]) — The selectors to nest. At least one selector must be passed. Each of these can be either a string, a list of strings, or a list of lists of strings as returned by &.

Returns:

(List) — A list of lists of strings representing the result of nesting $selectors. This is in the same format as a selector returned by &.

Links:

http://sass-lang.com/documentation/Sass/Script/Functions.html#selector_nest-instance_method

doc_Sass

2025-01-10 15:47:30

Comments