Skip to content

Commit ec12cee

Browse files
author
Tom Hanoldt
committed
feature: multiple section, row, coulumn selectors for divi mixins
1 parent 1b6b306 commit ec12cee

File tree

1 file changed

+39
-15
lines changed

1 file changed

+39
-15
lines changed

mixins/wordpress/_divi.sass

Lines changed: 39 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -14,29 +14,53 @@
1414

1515

1616
// section/row/column
17-
@mixin divi-section($nr: '')
18-
@if $nr == ''
19-
.et_pb_section
17+
@mixin divi-section($numbers...)
18+
@if length($numbers) > 1
19+
$selector: ''
20+
@each $number in $numbers
21+
$selector: $selector + ".et_pb_section_#{$number},"
22+
23+
#{$selector}
2024
@content
2125
@else
22-
.et_pb_section_#{$nr}
23-
@content
26+
@if length($numbers) == 1
27+
.et_pb_section_#{nth($numbers, 1)}
28+
@content
29+
@else
30+
.et_pb_section
31+
@content
32+
33+
@mixin divi-row($numbers...)
34+
@if length($numbers) > 1
35+
$selector: ''
36+
@each $number in $numbers
37+
$selector: $selector + ".et_pb_row_#{$number},"
2438

25-
@mixin divi-row($nr: '')
26-
@if $nr == ''
27-
.et_pb_row
39+
#{$selector}
2840
@content
2941
@else
30-
.et_pb_row_#{$nr}
31-
@content
42+
@if length($numbers) == 1
43+
.et_pb_row_#{nth($numbers, 1)}
44+
@content
45+
@else
46+
.et_pb_row
47+
@content
48+
49+
@mixin divi-column($numbers...)
50+
@if length($numbers) > 1
51+
$selector: ''
52+
@each $number in $numbers
53+
$selector: $selector + ".et_pb_column_#{$number},"
3254

33-
@mixin divi-column($nr: '')
34-
@if $nr == ''
35-
.et_pb_column
55+
#{$selector}
3656
@content
3757
@else
38-
.et_pb_column_#{$nr}
39-
@content
58+
@if length($numbers) == 1
59+
.et_pb_column_#{nth($numbers, 1)}
60+
@content
61+
@else
62+
.et_pb_column
63+
@content
4064

4165
@mixin divi-module($class: '')
4266
@if $class == ''

0 commit comments

Comments
 (0)