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/_suffix.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/_suffix.scss')
| -rw-r--r-- | test/bem/_suffix.scss | 146 |
1 files changed, 73 insertions, 73 deletions
diff --git a/test/bem/_suffix.scss b/test/bem/_suffix.scss index 34f55b6..cfec25b 100644 --- a/test/bem/_suffix.scss +++ b/test/bem/_suffix.scss | |||
| @@ -12,86 +12,86 @@ | |||
| 12 | // | 12 | // |
| 13 | 13 | ||
| 14 | @include it('suffix') { | 14 | @include it('suffix') { |
| 15 | @include assert('block suffix') { /// 1 /// | 15 | @include assert('block suffix') { /// 1 /// |
| 16 | @include output { | 16 | @include output { |
| 17 | @include bem.block('something') { | 17 | @include bem.block('something') { |
| 18 | @include bem.suffix('sm') { | 18 | @include bem.suffix('sm') { |
| 19 | font-size: 1.5em; | 19 | font-size: 1.5em; |
| 20 | } | 20 | } |
| 21 | } | 21 | } |
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | @include expect { | 24 | @include expect { |
| 25 | .something\@sm { | 25 | .something\@sm { |
| 26 | font-size: 1.5em; | 26 | font-size: 1.5em; |
| 27 | } | 27 | } |
| 28 | } | 28 | } |
| 29 | } | 29 | } |
| 30 | 30 | ||
| 31 | @include assert('element suffix') { /// 2 /// | 31 | @include assert('element suffix') { /// 2 /// |
| 32 | @include output { | 32 | @include output { |
| 33 | @include bem.block('something') { | 33 | @include bem.block('something') { |
| 34 | @include bem.elem('child') { | 34 | @include bem.elem('child') { |
| 35 | @include bem.suffix('sm') { | 35 | @include bem.suffix('sm') { |
| 36 | font-size: 2.5em; | 36 | font-size: 2.5em; |
| 37 | } | 37 | } |
| 38 | } | 38 | } |
| 39 | } | 39 | } |
| 40 | } | 40 | } |
| 41 | 41 | ||
| 42 | @include expect { | 42 | @include expect { |
| 43 | .something__child\@sm { | 43 | .something__child\@sm { |
| 44 | font-size: 2.5em; | 44 | font-size: 2.5em; |
| 45 | } | 45 | } |
| 46 | } | 46 | } |
| 47 | } | 47 | } |
| 48 | 48 | ||
| 49 | @include assert('modifier suffix') { /// 3 /// | 49 | @include assert('modifier suffix') { /// 3 /// |
| 50 | @include output { | 50 | @include output { |
| 51 | @include bem.block('something') { | 51 | @include bem.block('something') { |
| 52 | @include bem.modifier('mod1') { | 52 | @include bem.modifier('mod1') { |
| 53 | @include bem.suffix('sm') { | 53 | @include bem.suffix('sm') { |
| 54 | font-size: 1.75em; | 54 | font-size: 1.75em; |
| 55 | } | 55 | } |
| 56 | } | 56 | } |
| 57 | 57 | ||
| 58 | @include bem.elem('child') { | 58 | @include bem.elem('child') { |
| 59 | @include bem.modifier('mod2') { | 59 | @include bem.modifier('mod2') { |
| 60 | @include bem.suffix('sm') { | 60 | @include bem.suffix('sm') { |
| 61 | font-size: 2.75em; | 61 | font-size: 2.75em; |
| 62 | } | 62 | } |
| 63 | } | 63 | } |
| 64 | } | 64 | } |
| 65 | } | 65 | } |
| 66 | } | 66 | } |
| 67 | 67 | ||
| 68 | @include expect { | 68 | @include expect { |
| 69 | .something--mod1\@sm { | 69 | .something--mod1\@sm { |
| 70 | font-size: 1.75em; | 70 | font-size: 1.75em; |
| 71 | } | 71 | } |
| 72 | 72 | ||
| 73 | .something__child--mod2\@sm { | 73 | .something__child--mod2\@sm { |
| 74 | font-size: 2.75em; | 74 | font-size: 2.75em; |
| 75 | } | 75 | } |
| 76 | } | 76 | } |
| 77 | } | 77 | } |
| 78 | 78 | ||
| 79 | @include assert('multiple element suffix') { /// 4 /// | 79 | @include assert('multiple element suffix') { /// 4 /// |
| 80 | @include output { | 80 | @include output { |
| 81 | @include bem.block('something') { | 81 | @include bem.block('something') { |
| 82 | @include bem.elem('child1', 'child2') { | 82 | @include bem.elem('child1', 'child2') { |
| 83 | @include bem.suffix('sm') { | 83 | @include bem.suffix('sm') { |
| 84 | font-size: 2.5em; | 84 | font-size: 2.5em; |
| 85 | } | 85 | } |
| 86 | } | 86 | } |
| 87 | } | 87 | } |
| 88 | } | 88 | } |
| 89 | 89 | ||
| 90 | @include expect { | 90 | @include expect { |
| 91 | .something__child1\@sm, | 91 | .something__child1\@sm, |
| 92 | .something__child2\@sm { | 92 | .something__child2\@sm { |
| 93 | font-size: 2.5em; | 93 | font-size: 2.5em; |
| 94 | } | 94 | } |
| 95 | } | 95 | } |
| 96 | } | 96 | } |
| 97 | } | 97 | } |