Skip to content

Commit ba281fc

Browse files
authored
Fix the "reverse" flex utilities (#502)
These were incorrectly using the non-reverse value.
1 parent ee7efbe commit ba281fc

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

styles/utilities/_u-flex.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -62,11 +62,11 @@ $au-flex-utilities-reverse-responsive-breakpoints: false !default;
6262
}
6363

6464
.au-u-flex--row-reverse {
65-
flex-direction: row !important;
65+
flex-direction: row-reverse !important;
6666
}
6767

6868
.au-u-flex--column-reverse {
69-
flex-direction: column !important;
69+
flex-direction: column-reverse !important;
7070
}
7171

7272
.au-u-flex--start {
@@ -187,11 +187,11 @@ Set the global `$au-flex-utilities-reverse-responsive-breakpoints` variable to `
187187
}
188188

189189
.au-u-flex--row-reverse\@#{$au-bp-name} {
190-
flex-direction: row !important;
190+
flex-direction: row-reverse !important;
191191
}
192192

193193
.au-u-flex--column-reverse\@#{$au-bp-name} {
194-
flex-direction: column !important;
194+
flex-direction: column-reverse !important;
195195
}
196196

197197
.au-u-flex--start\@#{$au-bp-name} {

0 commit comments

Comments
 (0)