diff options
| author | Volpeon <git@volpeon.ink> | 2025-08-13 12:01:46 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-08-13 12:01:46 +0200 |
| commit | f0f84513f8efe533b6ee670a6f1a0c074387b2ec (patch) | |
| tree | 845bc4bacf1bd99acb0dfcc7e4545a36b544d2f8 /test/bem/_next-twin-element.scss | |
| parent | More fix (diff) | |
| download | iro-sass-f0f84513f8efe533b6ee670a6f1a0c074387b2ec.tar.gz iro-sass-f0f84513f8efe533b6ee670a6f1a0c074387b2ec.tar.bz2 iro-sass-f0f84513f8efe533b6ee670a6f1a0c074387b2ec.zip | |
Make use of SASS modules
Diffstat (limited to 'test/bem/_next-twin-element.scss')
| -rw-r--r-- | test/bem/_next-twin-element.scss | 248 |
1 files changed, 124 insertions, 124 deletions
diff --git a/test/bem/_next-twin-element.scss b/test/bem/_next-twin-element.scss index 355e635..3365a0b 100644 --- a/test/bem/_next-twin-element.scss +++ b/test/bem/_next-twin-element.scss | |||
| @@ -14,143 +14,143 @@ | |||
| 14 | // | 14 | // |
| 15 | 15 | ||
| 16 | @include it('next-twin-elem') { | 16 | @include it('next-twin-elem') { |
| 17 | @include assert('single element') { /// 1 /// | 17 | @include assert('single element') { /// 1 /// |
| 18 | @include output { | 18 | @include output { |
| 19 | @include bem.block('something') { | 19 | @include bem.block('something') { |
| 20 | @include bem.elem('child') { | 20 | @include bem.elem('child') { |
| 21 | @include bem.next-twin-elem { | 21 | @include bem.next-twin-elem { |
| 22 | font-size: 2em; | 22 | font-size: 2em; |
| 23 | } | 23 | } |
| 24 | } | 24 | } |
| 25 | } | 25 | } |
| 26 | } | 26 | } |
| 27 | 27 | ||
| 28 | @include expect { | 28 | @include expect { |
| 29 | .something__child + .something__child { | 29 | .something__child + .something__child { |
| 30 | font-size: 2em; | 30 | font-size: 2em; |
| 31 | } | 31 | } |
| 32 | } | 32 | } |
| 33 | } | 33 | } |
| 34 | 34 | ||
| 35 | @include assert('single element, manual selector in-between') { /// 2 /// | 35 | @include assert('single element, manual selector in-between') { /// 2 /// |
| 36 | @include output(false) { | 36 | @include output(false) { |
| 37 | @include bem.block('something') { | 37 | @include bem.block('something') { |
| 38 | @include bem.elem('child') { | 38 | @include bem.elem('child') { |
| 39 | &:hover { | 39 | &:hover { |
| 40 | @include bem.next-twin-elem { | 40 | @include bem.next-twin-elem { |
| 41 | font-size: 2em; | 41 | font-size: 2em; |
| 42 | } | 42 | } |
| 43 | } | 43 | } |
| 44 | 44 | ||
| 45 | .test & { | 45 | .test & { |
| 46 | @include bem.next-twin-elem { | 46 | @include bem.next-twin-elem { |
| 47 | font-size: 2em; | 47 | font-size: 2em; |
| 48 | } | 48 | } |
| 49 | } | 49 | } |
| 50 | } | 50 | } |
| 51 | } | 51 | } |
| 52 | } | 52 | } |
| 53 | 53 | ||
| 54 | @include expect(false) { | 54 | @include expect(false) { |
| 55 | .something__child:hover + .something__child { | 55 | .something__child:hover + .something__child { |
| 56 | font-size: 2em; | 56 | font-size: 2em; |
| 57 | } | 57 | } |
| 58 | 58 | ||
| 59 | .test .something__child + .something__child { | 59 | .test .something__child + .something__child { |
| 60 | font-size: 2em; | 60 | font-size: 2em; |
| 61 | } | 61 | } |
| 62 | } | 62 | } |
| 63 | } | 63 | } |
| 64 | 64 | ||
| 65 | @include assert('single element, modifier in-between') { /// 3 /// | 65 | @include assert('single element, modifier in-between') { /// 3 /// |
| 66 | @include output { | 66 | @include output { |
| 67 | @include bem.block('something') { | 67 | @include bem.block('something') { |
| 68 | @include bem.elem('child') { | 68 | @include bem.elem('child') { |
| 69 | @include bem.modifier('mod') { | 69 | @include bem.modifier('mod') { |
| 70 | @include bem.next-twin-elem { | 70 | @include bem.next-twin-elem { |
| 71 | font-size: 2.5em; | 71 | font-size: 2.5em; |
| 72 | } | 72 | } |
| 73 | } | 73 | } |
| 74 | } | 74 | } |
| 75 | } | 75 | } |
| 76 | } | 76 | } |
| 77 | 77 | ||
| 78 | @include expect { | 78 | @include expect { |
| 79 | .something__child--mod + .something__child { | 79 | .something__child--mod + .something__child { |
| 80 | font-size: 2.5em; | 80 | font-size: 2.5em; |
| 81 | } | 81 | } |
| 82 | } | 82 | } |
| 83 | } | 83 | } |
| 84 | 84 | ||
| 85 | @include assert('multiple elements') { /// 4 /// | 85 | @include assert('multiple elements') { /// 4 /// |
| 86 | @include output { | 86 | @include output { |
| 87 | @include bem.block('something') { | 87 | @include bem.block('something') { |
| 88 | @include bem.elem('child1', 'child2') { | 88 | @include bem.elem('child1', 'child2') { |
| 89 | @include bem.next-twin-elem { | 89 | @include bem.next-twin-elem { |
| 90 | font-size: 2em; | 90 | font-size: 2em; |
| 91 | } | 91 | } |
| 92 | } | 92 | } |
| 93 | } | 93 | } |
| 94 | } | 94 | } |
| 95 | 95 | ||
| 96 | @include expect { | 96 | @include expect { |
| 97 | .something__child1 + .something__child1, | 97 | .something__child1 + .something__child1, |
| 98 | .something__child2 + .something__child2 { | 98 | .something__child2 + .something__child2 { |
| 99 | font-size: 2em; | 99 | font-size: 2em; |
| 100 | } | 100 | } |
| 101 | } | 101 | } |
| 102 | } | 102 | } |
| 103 | 103 | ||
| 104 | @include assert('multiple elements, manual selector in-between') { /// 5 /// | 104 | @include assert('multiple elements, manual selector in-between') { /// 5 /// |
| 105 | @include output(false) { | 105 | @include output(false) { |
| 106 | @include bem.block('something') { | 106 | @include bem.block('something') { |
| 107 | @include bem.elem('child1', 'child2') { | 107 | @include bem.elem('child1', 'child2') { |
| 108 | &:hover { | 108 | &:hover { |
| 109 | @include bem.next-twin-elem { | 109 | @include bem.next-twin-elem { |
| 110 | font-size: 2em; | 110 | font-size: 2em; |
| 111 | } | 111 | } |
| 112 | } | 112 | } |
| 113 | 113 | ||
| 114 | .test & { | 114 | .test & { |
| 115 | @include bem.next-twin-elem { | 115 | @include bem.next-twin-elem { |
| 116 | font-size: 2em; | 116 | font-size: 2em; |
| 117 | } | 117 | } |
| 118 | } | 118 | } |
| 119 | } | 119 | } |
| 120 | } | 120 | } |
| 121 | } | 121 | } |
| 122 | 122 | ||
| 123 | @include expect(false) { | 123 | @include expect(false) { |
| 124 | .something__child1:hover + .something__child1, | 124 | .something__child1:hover + .something__child1, |
| 125 | .something__child2:hover + .something__child2 { | 125 | .something__child2:hover + .something__child2 { |
| 126 | font-size: 2em; | 126 | font-size: 2em; |
| 127 | } | 127 | } |
| 128 | 128 | ||
| 129 | .test .something__child1 + .something__child1, | 129 | .test .something__child1 + .something__child1, |
| 130 | .test .something__child2 + .something__child2 { | 130 | .test .something__child2 + .something__child2 { |
| 131 | font-size: 2em; | 131 | font-size: 2em; |
| 132 | } | 132 | } |
| 133 | } | 133 | } |
| 134 | } | 134 | } |
| 135 | 135 | ||
| 136 | @include assert('multiple elements, modifier in-between') { /// 6 /// | 136 | @include assert('multiple elements, modifier in-between') { /// 6 /// |
| 137 | @include output { | 137 | @include output { |
| 138 | @include bem.block('something') { | 138 | @include bem.block('something') { |
| 139 | @include bem.elem('child1', 'child2') { | 139 | @include bem.elem('child1', 'child2') { |
| 140 | @include bem.modifier('mod') { | 140 | @include bem.modifier('mod') { |
| 141 | @include bem.next-twin-elem { | 141 | @include bem.next-twin-elem { |
| 142 | font-size: 2.5em; | 142 | font-size: 2.5em; |
| 143 | } | 143 | } |
| 144 | } | 144 | } |
| 145 | } | 145 | } |
| 146 | } | 146 | } |
| 147 | } | 147 | } |
| 148 | 148 | ||
| 149 | @include expect { | 149 | @include expect { |
| 150 | .something__child1--mod + .something__child1, | 150 | .something__child1--mod + .something__child1, |
| 151 | .something__child2--mod + .something__child2 { | 151 | .something__child2--mod + .something__child2 { |
| 152 | font-size: 2.5em; | 152 | font-size: 2.5em; |
| 153 | } | 153 | } |
| 154 | } | 154 | } |
| 155 | } | 155 | } |
| 156 | } | 156 | } |