add prefix for flexbox. code review by XWG
Showing
1 changed file
with
10 additions
and
5 deletions
@@ -31,8 +31,11 @@ $basicBtnC:#eb0313; | @@ -31,8 +31,11 @@ $basicBtnC:#eb0313; | ||
31 | margin-bottom: pxToRem(20px); | 31 | margin-bottom: pxToRem(20px); |
32 | font-size: pxToRem(24px); | 32 | font-size: pxToRem(24px); |
33 | line-height: pxToRem(36px); | 33 | line-height: pxToRem(36px); |
34 | - display: flex; | ||
35 | - flex-wrap: wrap; | 34 | + @include flexbox(( |
35 | + display: flex, | ||
36 | + flex-wrap: wrap, | ||
37 | + justify-content: space-around | ||
38 | + )); | ||
36 | &.table { | 39 | &.table { |
37 | width: 100%; | 40 | width: 100%; |
38 | .column { | 41 | .column { |
@@ -43,9 +46,11 @@ $basicBtnC:#eb0313; | @@ -43,9 +46,11 @@ $basicBtnC:#eb0313; | ||
43 | border-right: pxToRem(4px) solid #fff; | 46 | border-right: pxToRem(4px) solid #fff; |
44 | font-size: pxToRem(24px); | 47 | font-size: pxToRem(24px); |
45 | background-color: $tableCellC; | 48 | background-color: $tableCellC; |
46 | - display: flex; | ||
47 | - align-items: center; | ||
48 | - flex-basis: 49.9%; | 49 | + @include flexbox(( |
50 | + display: flex, | ||
51 | + align-items: center, | ||
52 | + flex-basis: 49.9% | ||
53 | + )) | ||
49 | } | 54 | } |
50 | } | 55 | } |
51 | } | 56 | } |
-
Please register or login to post a comment