From f0f84513f8efe533b6ee670a6f1a0c074387b2ec Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 13 Aug 2025 12:01:46 +0200
Subject: Make use of SASS modules

---
 test/bem/_modifier.scss | 1258 +++++++++++++++++++++++------------------------
 1 file changed, 629 insertions(+), 629 deletions(-)

(limited to 'test/bem/_modifier.scss')

diff --git a/test/bem/_modifier.scss b/test/bem/_modifier.scss
index 934efa3..419aa91 100644
--- a/test/bem/_modifier.scss
+++ b/test/bem/_modifier.scss
@@ -23,633 +23,633 @@
 //
 
 @include it('modifier') {
-    @include assert('block modifier') { /// 1 ///
-        @include output {
-            @include bem.block('something') {
-                @include bem.modifier('mod') {
-                    font-size: 1.5em;
-
-                    @include bem.modifier('submod') {
-                        font-size: 1.75em;
-                    }
-                }
-            }
-        }
-
-        @include expect {
-            .something--mod {
-                font-size: 1.5em;
-            }
-
-            .something--mod.something--submod {
-                font-size: 1.75em;
-            }
-        }
-    }
-
-    @include assert('block modifier, in at-theme') { /// 2 ///
-        @include output(false) {
-            @include bem.block('something') {
-                @include bem.at-theme('dark') {
-                    @include bem.modifier('mod') {
-                        font-size: 1.5em;
-
-                        @include bem.modifier('submod') {
-                            font-size: 1.75em;
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect(false) {
-            .t-dark .something--mod,
-            [class*=' t-'] .t-dark .something--mod,
-            [class^='t-'] .t-dark .something--mod {
-                font-size: 1.5em;
-            }
-
-            .t-dark .something--mod.something--submod,
-            [class*=' t-'] .t-dark .something--mod.something--submod,
-            [class^='t-'] .t-dark .something--mod.something--submod {
-                font-size: 1.75em;
-            }
-        }
-    }
-
-    @include assert('element modifier, single element') { /// 3 ///
-        @include output {
-            @include bem.block('something') {
-                @include bem.elem('child') {
-                    @include bem.modifier('mod') {
-                        font-size: 2.5em;
-
-                        @include bem.modifier('submod') {
-                            font-size: 2.75em;
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect {
-            .something__child--mod {
-                font-size: 2.5em;
-            }
-
-            .something__child--mod.something__child--submod {
-                font-size: 2.75em;
-            }
-        }
-    }
-
-    @include assert('element modifier, multiple elements') { /// 4 ///
-        @include output {
-            @include bem.block('something') {
-                @include bem.elem('child1', 'child2') {
-                    @include bem.modifier('mod') {
-                        font-size: 2.5em;
-
-                        @include bem.modifier('submod') {
-                            font-size: 2.75em;
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect {
-            .something__child1--mod,
-            .something__child2--mod {
-                font-size: 2.5em;
-            }
-
-            .something__child1--mod.something__child1--submod,
-            .something__child2--mod.something__child2--submod {
-                font-size: 2.75em;
-            }
-        }
-    }
-
-    @include assert('element modifier, single related element') { /// 5 ///
-        @include output {
-            @include bem.block('something') {
-                @include bem.elem('child1') {
-                    @include bem.next-elem('child2') {
-                        @include bem.modifier('mod') {
-                            font-size: 2.5em;
-
-                            @include bem.modifier('submod') {
-                                font-size: 2.75em;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect {
-            .something__child1 + .something__child2--mod {
-                font-size: 2.5em;
-            }
-
-            .something__child1 + .something__child2--mod.something__child2--submod {
-                font-size: 2.75em;
-            }
-        }
-    }
-
-    @include assert('element modifier, multiple related elements') { /// 6 ///
-        @include output {
-            @include bem.block('something') {
-                @include bem.elem('child1') {
-                    @include bem.next-elem('child2', 'child3') {
-                        @include bem.modifier('mod') {
-                            font-size: 2.5em;
-
-                            @include bem.modifier('submod') {
-                                font-size: 2.75em;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect {
-            .something__child1 + .something__child2--mod,
-            .something__child1 + .something__child3--mod {
-                font-size: 2.5em;
-            }
-
-            .something__child1 + .something__child2--mod.something__child2--submod,
-            .something__child1 + .something__child3--mod.something__child3--submod {
-                font-size: 2.75em;
-            }
-        }
-    }
-
-    @include assert('element modifier, single element, manual selector before') { /// 7 ///
-        @include output(false) {
-            @include bem.block('something') {
-                &:hover {
-                    @include bem.elem('child1') {
-                        @include bem.modifier('mod') {
-                            font-size: 2.5em;
-
-                            @include bem.modifier('submod') {
-                                font-size: 2.75em;
-                            }
-                        }
-                    }
-                }
-
-                .test & {
-                    @include bem.elem('child2') {
-                        @include bem.modifier('mod') {
-                            font-size: 2.5em;
-
-                            @include bem.modifier('submod') {
-                                font-size: 2.75em;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect(false) {
-            .something:hover .something__child1--mod {
-                font-size: 2.5em;
-            }
-
-            .something:hover .something__child1--mod.something__child1--submod {
-                font-size: 2.75em;
-            }
-
-            .test .something__child2--mod {
-                font-size: 2.5em;
-            }
-
-            .test .something__child2--mod.something__child2--submod {
-                font-size: 2.75em;
-            }
-        }
-    }
-
-    @include assert('element modifier, multiple elements, manual selector before') { /// 8 ///
-        @include output(false) {
-            @include bem.block('something') {
-                &:hover {
-                    @include bem.elem('child1', 'child2') {
-                        @include bem.modifier('mod') {
-                            font-size: 2.5em;
-
-                            @include bem.modifier('submod') {
-                                font-size: 2.75em;
-                            }
-                        }
-                    }
-                }
-
-                .test & {
-                    @include bem.elem('child3', 'child4') {
-                        @include bem.modifier('mod') {
-                            font-size: 2.5em;
-
-                            @include bem.modifier('submod') {
-                                font-size: 2.75em;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect(false) {
-            .something:hover .something__child1--mod,
-            .something:hover .something__child2--mod {
-                font-size: 2.5em;
-            }
-
-            .something:hover .something__child1--mod.something__child1--submod,
-            .something:hover .something__child2--mod.something__child2--submod {
-                font-size: 2.75em;
-            }
-
-            .test .something__child3--mod,
-            .test .something__child4--mod {
-                font-size: 2.5em;
-            }
-
-            .test .something__child3--mod.something__child3--submod,
-            .test .something__child4--mod.something__child4--submod {
-                font-size: 2.75em;
-            }
-        }
-    }
-
-    @include assert('element modifier, single related element, manual selector before') { /// 9 ///
-        @include output(false) {
-            @include bem.block('something') {
-                &:hover {
-                    @include bem.elem('child1') {
-                        @include bem.next-elem('child2') {
-                            @include bem.modifier('mod1') {
-                                font-size: 2.5em;
-
-                                @include bem.modifier('submod1') {
-                                    font-size: 2.75em;
-                                }
-                            }
-                        }
-                    }
-                }
-
-                .test & {
-                    @include bem.elem('child3') {
-                        @include bem.next-elem('child4') {
-                            @include bem.modifier('mod1') {
-                                font-size: 2.5em;
-
-                                @include bem.modifier('submod1') {
-                                    font-size: 2.75em;
-                                }
-                            }
-                        }
-                    }
-                }
-
-                @include bem.elem('child5') {
-                    &:hover {
-                        @include bem.next-elem('child6') {
-                            @include bem.modifier('mod2') {
-                                font-size: 2.5em;
-
-                                @include bem.modifier('submod2') {
-                                    font-size: 2.75em;
-                                }
-                            }
-                        }
-                    }
-
-                    .test & {
-                        @include bem.next-elem('child7') {
-                            @include bem.modifier('mod2') {
-                                font-size: 2.5em;
-
-                                @include bem.modifier('submod2') {
-                                    font-size: 2.75em;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect(false) {
-            .something:hover .something__child1 + .something__child2--mod1 {
-                font-size: 2.5em;
-            }
-
-            .something:hover .something__child1 + .something__child2--mod1.something__child2--submod1 {
-                font-size: 2.75em;
-            }
-
-            .test .something__child3 + .something__child4--mod1 {
-                font-size: 2.5em;
-            }
-
-            .test .something__child3 + .something__child4--mod1.something__child4--submod1 {
-                font-size: 2.75em;
-            }
-
-            .something__child5:hover + .something__child6--mod2 {
-                font-size: 2.5em;
-            }
-
-            .something__child5:hover + .something__child6--mod2.something__child6--submod2 {
-                font-size: 2.75em;
-            }
-
-            .test .something__child5 + .something__child7--mod2 {
-                font-size: 2.5em;
-            }
-
-            .test .something__child5 + .something__child7--mod2.something__child7--submod2 {
-                font-size: 2.75em;
-            }
-        }
-    }
-
-    @include assert('element modifier, multiple related elements, manual selector before') { /// 10 ///
-        @include output(false) {
-            @include bem.block('something') {
-                &:hover {
-                    @include bem.elem('child1') {
-                        @include bem.next-elem('child2', 'child3') {
-                            @include bem.modifier('mod1') {
-                                font-size: 2.5em;
-
-                                @include bem.modifier('submod1') {
-                                    font-size: 2.75em;
-                                }
-                            }
-                        }
-                    }
-                }
-
-                .test & {
-                    @include bem.elem('child4') {
-                        @include bem.next-elem('child5', 'child6') {
-                            @include bem.modifier('mod1') {
-                                font-size: 2.5em;
-
-                                @include bem.modifier('submod1') {
-                                    font-size: 2.75em;
-                                }
-                            }
-                        }
-                    }
-                }
-
-                @include bem.elem('child7') {
-                    &:hover {
-                        @include bem.next-elem('child8', 'child9') {
-                            @include bem.modifier('mod2') {
-                                font-size: 2.5em;
-
-                                @include bem.modifier('submod2') {
-                                    font-size: 2.75em;
-                                }
-                            }
-                        }
-                    }
-
-                    .test & {
-                        @include bem.next-elem('child10', 'child11') {
-                            @include bem.modifier('mod2') {
-                                font-size: 2.5em;
-
-                                @include bem.modifier('submod2') {
-                                    font-size: 2.75em;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect(false) {
-            .something:hover .something__child1 + .something__child2--mod1,
-            .something:hover .something__child1 + .something__child3--mod1 {
-                font-size: 2.5em;
-            }
-
-            .something:hover .something__child1 + .something__child2--mod1.something__child2--submod1,
-            .something:hover .something__child1 + .something__child3--mod1.something__child3--submod1 {
-                font-size: 2.75em;
-            }
-
-            .test .something__child4 + .something__child5--mod1,
-            .test .something__child4 + .something__child6--mod1 {
-                font-size: 2.5em;
-            }
-
-            .test .something__child4 + .something__child5--mod1.something__child5--submod1,
-            .test .something__child4 + .something__child6--mod1.something__child6--submod1 {
-                font-size: 2.75em;
-            }
-
-            .something__child7:hover + .something__child8--mod2,
-            .something__child7:hover + .something__child9--mod2 {
-                font-size: 2.5em;
-            }
-
-            .something__child7:hover + .something__child8--mod2.something__child8--submod2,
-            .something__child7:hover + .something__child9--mod2.something__child9--submod2 {
-                font-size: 2.75em;
-            }
-
-            .test .something__child7 + .something__child10--mod2,
-            .test .something__child7 + .something__child11--mod2 {
-                font-size: 2.5em;
-            }
-
-            .test .something__child7 + .something__child10--mod2.something__child10--submod2,
-            .test .something__child7 + .something__child11--mod2.something__child11--submod2 {
-                font-size: 2.75em;
-            }
-        }
-    }
-
-    // @include assert('element modifier, in at-theme') { /// 11 ///
-    //     @include output(false) {
-    //         @include bem.block('something') {
-    //             @include bem.at-theme('dark') {
-    //                 @include bem.elem('child') {
-    //                     @include bem.modifier('mod') {
-    //                         font-size: 2.5em;
-    // 
-    //                         @include bem.modifier('submod') {
-    //                             font-size: 2.75em;
-    //                         }
-    //                     }
-    //                 }
-    //             }
-    //         }
-    //     }
-    //     
-    //     @include expect(false) {
-    //         .t-dark .something__child--mod,
-    //         [class*=' t-'] .t-dark .something__child--mod,
-    //         [class^='t-'] .t-dark .something__child--mod {
-    //             font-size: 2.5em;
-    //         }
-    // 
-    //         .t-dark .something__child--mod.something__child--submod,
-    //         [class*=' t-'] .t-dark .something__child--mod.something__child--submod,
-    //         [class^='t-'] .t-dark .something__child--mod.something__child--submod {
-    //             font-size: 2.75em;
-    //         }
-    //     }
-    // }
-
-    @include assert('nested block modifiers, extending') { /// 12 ///
-        @include output {
-            @include bem.block('something') {
-                @include bem.modifier('mod') {
-                    font-size: 1.5em;
-
-                    @include bem.modifier('submod' true) {
-                        font-size: 1.75em;
-                    }
-                }
-            }
-        }
-
-        @include expect {
-            .something--mod {
-                font-size: 1.5em;
-            }
-
-            .something--mod--submod {
-                font-size: 1.75em;
-            }
-        }
-    }
-
-    @include assert('nested element modifiers, extending') { /// 13 ///
-        @include output {
-            @include bem.block('something') {
-                @include bem.elem('child') {
-                    @include bem.modifier('mod') {
-                        font-size: 2.5em;
-
-                        @include bem.modifier('submod' true) {
-                            font-size: 2.75em;
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect {
-            .something__child--mod {
-                font-size: 2.5em;
-            }
-
-            .something__child--mod--submod {
-                font-size: 2.75em;
-            }
-        }
-    }
-
-    @include assert('block and element modifiers, single element') { /// 14 ///
-        @include output {
-            @include bem.block('something') {
-                @include bem.modifier('mod1') {
-                    font-size: 1.5em;
-
-                    @include bem.modifier('submod1') {
-                        font-size: 1.75em;
-                    }
-
-                    @include bem.elem('child') {
-                        @include bem.modifier('mod2') {
-                            font-size: 2.5em;
-
-                            @include bem.modifier('submod2') {
-                                font-size: 2.75em;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect {
-            .something--mod1 {
-                font-size: 1.5em;
-            }
-
-            .something--mod1.something--submod1 {
-                font-size: 1.75em;
-            }
-
-            .something--mod1 .something__child--mod2 {
-                font-size: 2.5em;
-            }
-
-            .something--mod1 .something__child--mod2.something__child--submod2 {
-                font-size: 2.75em;
-            }
-        }
-    }
-
-    @include assert('block and element modifiers, multiple elements') { /// 15 ///
-        @include output {
-            @include bem.block('something') {
-                @include bem.modifier('mod1') {
-                    font-size: 1.5em;
-
-                    @include bem.modifier('submod1') {
-                        font-size: 1.75em;
-                    }
-
-                    @include bem.elem('child1', 'child2') {
-                        @include bem.modifier('mod2') {
-                            font-size: 2.5em;
-
-                            @include bem.modifier('submod2') {
-                                font-size: 2.75em;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        @include expect {
-            .something--mod1 {
-                font-size: 1.5em;
-            }
-
-            .something--mod1.something--submod1 {
-                font-size: 1.75em;
-            }
-
-            .something--mod1 .something__child1--mod2,
-            .something--mod1 .something__child2--mod2 {
-                font-size: 2.5em;
-            }
-
-            .something--mod1 .something__child1--mod2.something__child1--submod2,
-            .something--mod1 .something__child2--mod2.something__child2--submod2 {
-                font-size: 2.75em;
-            }
-        }
-    }
+	@include assert('block modifier') { /// 1 ///
+		@include output {
+			@include bem.block('something') {
+				@include bem.modifier('mod') {
+					font-size: 1.5em;
+
+					@include bem.modifier('submod') {
+						font-size: 1.75em;
+					}
+				}
+			}
+		}
+
+		@include expect {
+			.something--mod {
+				font-size: 1.5em;
+			}
+
+			.something--mod.something--submod {
+				font-size: 1.75em;
+			}
+		}
+	}
+
+	@include assert('block modifier, in at-theme') { /// 2 ///
+		@include output(false) {
+			@include bem.block('something') {
+				@include bem.at-theme('dark') {
+					@include bem.modifier('mod') {
+						font-size: 1.5em;
+
+						@include bem.modifier('submod') {
+							font-size: 1.75em;
+						}
+					}
+				}
+			}
+		}
+
+		@include expect(false) {
+			.t-dark .something--mod,
+			[class*=' t-'] .t-dark .something--mod,
+			[class^='t-'] .t-dark .something--mod {
+				font-size: 1.5em;
+			}
+
+			.t-dark .something--mod.something--submod,
+			[class*=' t-'] .t-dark .something--mod.something--submod,
+			[class^='t-'] .t-dark .something--mod.something--submod {
+				font-size: 1.75em;
+			}
+		}
+	}
+
+	@include assert('element modifier, single element') { /// 3 ///
+		@include output {
+			@include bem.block('something') {
+				@include bem.elem('child') {
+					@include bem.modifier('mod') {
+						font-size: 2.5em;
+
+						@include bem.modifier('submod') {
+							font-size: 2.75em;
+						}
+					}
+				}
+			}
+		}
+
+		@include expect {
+			.something__child--mod {
+				font-size: 2.5em;
+			}
+
+			.something__child--mod.something__child--submod {
+				font-size: 2.75em;
+			}
+		}
+	}
+
+	@include assert('element modifier, multiple elements') { /// 4 ///
+		@include output {
+			@include bem.block('something') {
+				@include bem.elem('child1', 'child2') {
+					@include bem.modifier('mod') {
+						font-size: 2.5em;
+
+						@include bem.modifier('submod') {
+							font-size: 2.75em;
+						}
+					}
+				}
+			}
+		}
+
+		@include expect {
+			.something__child1--mod,
+			.something__child2--mod {
+				font-size: 2.5em;
+			}
+
+			.something__child1--mod.something__child1--submod,
+			.something__child2--mod.something__child2--submod {
+				font-size: 2.75em;
+			}
+		}
+	}
+
+	@include assert('element modifier, single related element') { /// 5 ///
+		@include output {
+			@include bem.block('something') {
+				@include bem.elem('child1') {
+					@include bem.next-elem('child2') {
+						@include bem.modifier('mod') {
+							font-size: 2.5em;
+
+							@include bem.modifier('submod') {
+								font-size: 2.75em;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		@include expect {
+			.something__child1 + .something__child2--mod {
+				font-size: 2.5em;
+			}
+
+			.something__child1 + .something__child2--mod.something__child2--submod {
+				font-size: 2.75em;
+			}
+		}
+	}
+
+	@include assert('element modifier, multiple related elements') { /// 6 ///
+		@include output {
+			@include bem.block('something') {
+				@include bem.elem('child1') {
+					@include bem.next-elem('child2', 'child3') {
+						@include bem.modifier('mod') {
+							font-size: 2.5em;
+
+							@include bem.modifier('submod') {
+								font-size: 2.75em;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		@include expect {
+			.something__child1 + .something__child2--mod,
+			.something__child1 + .something__child3--mod {
+				font-size: 2.5em;
+			}
+
+			.something__child1 + .something__child2--mod.something__child2--submod,
+			.something__child1 + .something__child3--mod.something__child3--submod {
+				font-size: 2.75em;
+			}
+		}
+	}
+
+	@include assert('element modifier, single element, manual selector before') { /// 7 ///
+		@include output(false) {
+			@include bem.block('something') {
+				&:hover {
+					@include bem.elem('child1') {
+						@include bem.modifier('mod') {
+							font-size: 2.5em;
+
+							@include bem.modifier('submod') {
+								font-size: 2.75em;
+							}
+						}
+					}
+				}
+
+				.test & {
+					@include bem.elem('child2') {
+						@include bem.modifier('mod') {
+							font-size: 2.5em;
+
+							@include bem.modifier('submod') {
+								font-size: 2.75em;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		@include expect(false) {
+			.something:hover .something__child1--mod {
+				font-size: 2.5em;
+			}
+
+			.something:hover .something__child1--mod.something__child1--submod {
+				font-size: 2.75em;
+			}
+
+			.test .something__child2--mod {
+				font-size: 2.5em;
+			}
+
+			.test .something__child2--mod.something__child2--submod {
+				font-size: 2.75em;
+			}
+		}
+	}
+
+	@include assert('element modifier, multiple elements, manual selector before') { /// 8 ///
+		@include output(false) {
+			@include bem.block('something') {
+				&:hover {
+					@include bem.elem('child1', 'child2') {
+						@include bem.modifier('mod') {
+							font-size: 2.5em;
+
+							@include bem.modifier('submod') {
+								font-size: 2.75em;
+							}
+						}
+					}
+				}
+
+				.test & {
+					@include bem.elem('child3', 'child4') {
+						@include bem.modifier('mod') {
+							font-size: 2.5em;
+
+							@include bem.modifier('submod') {
+								font-size: 2.75em;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		@include expect(false) {
+			.something:hover .something__child1--mod,
+			.something:hover .something__child2--mod {
+				font-size: 2.5em;
+			}
+
+			.something:hover .something__child1--mod.something__child1--submod,
+			.something:hover .something__child2--mod.something__child2--submod {
+				font-size: 2.75em;
+			}
+
+			.test .something__child3--mod,
+			.test .something__child4--mod {
+				font-size: 2.5em;
+			}
+
+			.test .something__child3--mod.something__child3--submod,
+			.test .something__child4--mod.something__child4--submod {
+				font-size: 2.75em;
+			}
+		}
+	}
+
+	@include assert('element modifier, single related element, manual selector before') { /// 9 ///
+		@include output(false) {
+			@include bem.block('something') {
+				&:hover {
+					@include bem.elem('child1') {
+						@include bem.next-elem('child2') {
+							@include bem.modifier('mod1') {
+								font-size: 2.5em;
+
+								@include bem.modifier('submod1') {
+									font-size: 2.75em;
+								}
+							}
+						}
+					}
+				}
+
+				.test & {
+					@include bem.elem('child3') {
+						@include bem.next-elem('child4') {
+							@include bem.modifier('mod1') {
+								font-size: 2.5em;
+
+								@include bem.modifier('submod1') {
+									font-size: 2.75em;
+								}
+							}
+						}
+					}
+				}
+
+				@include bem.elem('child5') {
+					&:hover {
+						@include bem.next-elem('child6') {
+							@include bem.modifier('mod2') {
+								font-size: 2.5em;
+
+								@include bem.modifier('submod2') {
+									font-size: 2.75em;
+								}
+							}
+						}
+					}
+
+					.test & {
+						@include bem.next-elem('child7') {
+							@include bem.modifier('mod2') {
+								font-size: 2.5em;
+
+								@include bem.modifier('submod2') {
+									font-size: 2.75em;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+
+		@include expect(false) {
+			.something:hover .something__child1 + .something__child2--mod1 {
+				font-size: 2.5em;
+			}
+
+			.something:hover .something__child1 + .something__child2--mod1.something__child2--submod1 {
+				font-size: 2.75em;
+			}
+
+			.test .something__child3 + .something__child4--mod1 {
+				font-size: 2.5em;
+			}
+
+			.test .something__child3 + .something__child4--mod1.something__child4--submod1 {
+				font-size: 2.75em;
+			}
+
+			.something__child5:hover + .something__child6--mod2 {
+				font-size: 2.5em;
+			}
+
+			.something__child5:hover + .something__child6--mod2.something__child6--submod2 {
+				font-size: 2.75em;
+			}
+
+			.test .something__child5 + .something__child7--mod2 {
+				font-size: 2.5em;
+			}
+
+			.test .something__child5 + .something__child7--mod2.something__child7--submod2 {
+				font-size: 2.75em;
+			}
+		}
+	}
+
+	@include assert('element modifier, multiple related elements, manual selector before') { /// 10 ///
+		@include output(false) {
+			@include bem.block('something') {
+				&:hover {
+					@include bem.elem('child1') {
+						@include bem.next-elem('child2', 'child3') {
+							@include bem.modifier('mod1') {
+								font-size: 2.5em;
+
+								@include bem.modifier('submod1') {
+									font-size: 2.75em;
+								}
+							}
+						}
+					}
+				}
+
+				.test & {
+					@include bem.elem('child4') {
+						@include bem.next-elem('child5', 'child6') {
+							@include bem.modifier('mod1') {
+								font-size: 2.5em;
+
+								@include bem.modifier('submod1') {
+									font-size: 2.75em;
+								}
+							}
+						}
+					}
+				}
+
+				@include bem.elem('child7') {
+					&:hover {
+						@include bem.next-elem('child8', 'child9') {
+							@include bem.modifier('mod2') {
+								font-size: 2.5em;
+
+								@include bem.modifier('submod2') {
+									font-size: 2.75em;
+								}
+							}
+						}
+					}
+
+					.test & {
+						@include bem.next-elem('child10', 'child11') {
+							@include bem.modifier('mod2') {
+								font-size: 2.5em;
+
+								@include bem.modifier('submod2') {
+									font-size: 2.75em;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+
+		@include expect(false) {
+			.something:hover .something__child1 + .something__child2--mod1,
+			.something:hover .something__child1 + .something__child3--mod1 {
+				font-size: 2.5em;
+			}
+
+			.something:hover .something__child1 + .something__child2--mod1.something__child2--submod1,
+			.something:hover .something__child1 + .something__child3--mod1.something__child3--submod1 {
+				font-size: 2.75em;
+			}
+
+			.test .something__child4 + .something__child5--mod1,
+			.test .something__child4 + .something__child6--mod1 {
+				font-size: 2.5em;
+			}
+
+			.test .something__child4 + .something__child5--mod1.something__child5--submod1,
+			.test .something__child4 + .something__child6--mod1.something__child6--submod1 {
+				font-size: 2.75em;
+			}
+
+			.something__child7:hover + .something__child8--mod2,
+			.something__child7:hover + .something__child9--mod2 {
+				font-size: 2.5em;
+			}
+
+			.something__child7:hover + .something__child8--mod2.something__child8--submod2,
+			.something__child7:hover + .something__child9--mod2.something__child9--submod2 {
+				font-size: 2.75em;
+			}
+
+			.test .something__child7 + .something__child10--mod2,
+			.test .something__child7 + .something__child11--mod2 {
+				font-size: 2.5em;
+			}
+
+			.test .something__child7 + .something__child10--mod2.something__child10--submod2,
+			.test .something__child7 + .something__child11--mod2.something__child11--submod2 {
+				font-size: 2.75em;
+			}
+		}
+	}
+
+	// @include assert('element modifier, in at-theme') { /// 11 ///
+	//     @include output(false) {
+	//         @include bem.block('something') {
+	//             @include bem.at-theme('dark') {
+	//                 @include bem.elem('child') {
+	//                     @include bem.modifier('mod') {
+	//                         font-size: 2.5em;
+	// 
+	//                         @include bem.modifier('submod') {
+	//                             font-size: 2.75em;
+	//                         }
+	//                     }
+	//                 }
+	//             }
+	//         }
+	//     }
+	//     
+	//     @include expect(false) {
+	//         .t-dark .something__child--mod,
+	//         [class*=' t-'] .t-dark .something__child--mod,
+	//         [class^='t-'] .t-dark .something__child--mod {
+	//             font-size: 2.5em;
+	//         }
+	// 
+	//         .t-dark .something__child--mod.something__child--submod,
+	//         [class*=' t-'] .t-dark .something__child--mod.something__child--submod,
+	//         [class^='t-'] .t-dark .something__child--mod.something__child--submod {
+	//             font-size: 2.75em;
+	//         }
+	//     }
+	// }
+
+	@include assert('nested block modifiers, extending') { /// 12 ///
+		@include output {
+			@include bem.block('something') {
+				@include bem.modifier('mod') {
+					font-size: 1.5em;
+
+					@include bem.modifier('submod' true) {
+						font-size: 1.75em;
+					}
+				}
+			}
+		}
+
+		@include expect {
+			.something--mod {
+				font-size: 1.5em;
+			}
+
+			.something--mod--submod {
+				font-size: 1.75em;
+			}
+		}
+	}
+
+	@include assert('nested element modifiers, extending') { /// 13 ///
+		@include output {
+			@include bem.block('something') {
+				@include bem.elem('child') {
+					@include bem.modifier('mod') {
+						font-size: 2.5em;
+
+						@include bem.modifier('submod' true) {
+							font-size: 2.75em;
+						}
+					}
+				}
+			}
+		}
+
+		@include expect {
+			.something__child--mod {
+				font-size: 2.5em;
+			}
+
+			.something__child--mod--submod {
+				font-size: 2.75em;
+			}
+		}
+	}
+
+	@include assert('block and element modifiers, single element') { /// 14 ///
+		@include output {
+			@include bem.block('something') {
+				@include bem.modifier('mod1') {
+					font-size: 1.5em;
+
+					@include bem.modifier('submod1') {
+						font-size: 1.75em;
+					}
+
+					@include bem.elem('child') {
+						@include bem.modifier('mod2') {
+							font-size: 2.5em;
+
+							@include bem.modifier('submod2') {
+								font-size: 2.75em;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		@include expect {
+			.something--mod1 {
+				font-size: 1.5em;
+			}
+
+			.something--mod1.something--submod1 {
+				font-size: 1.75em;
+			}
+
+			.something--mod1 .something__child--mod2 {
+				font-size: 2.5em;
+			}
+
+			.something--mod1 .something__child--mod2.something__child--submod2 {
+				font-size: 2.75em;
+			}
+		}
+	}
+
+	@include assert('block and element modifiers, multiple elements') { /// 15 ///
+		@include output {
+			@include bem.block('something') {
+				@include bem.modifier('mod1') {
+					font-size: 1.5em;
+
+					@include bem.modifier('submod1') {
+						font-size: 1.75em;
+					}
+
+					@include bem.elem('child1', 'child2') {
+						@include bem.modifier('mod2') {
+							font-size: 2.5em;
+
+							@include bem.modifier('submod2') {
+								font-size: 2.75em;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		@include expect {
+			.something--mod1 {
+				font-size: 1.5em;
+			}
+
+			.something--mod1.something--submod1 {
+				font-size: 1.75em;
+			}
+
+			.something--mod1 .something__child1--mod2,
+			.something--mod1 .something__child2--mod2 {
+				font-size: 2.5em;
+			}
+
+			.something--mod1 .something__child1--mod2.something__child1--submod2,
+			.something--mod1 .something__child2--mod2.something__child2--submod2 {
+				font-size: 2.75em;
+			}
+		}
+	}
 }
-- 
cgit v1.2.3-70-g09d2