Permalink
Browse files

Add flexbox mixins (#2254)

  • Loading branch information...
1 parent bb4d76a commit 047544a260161279a3f00c0799b5d3808062de79 @psgs psgs committed with Carlgo11 Dec 15, 2016
Showing with 18 additions and 18 deletions.
  1. +11 −0 _sass/_mixins.scss
  2. +7 −18 css/base.scss
View
@@ -11,3 +11,14 @@
-moz-box-sizing: $type;
box-sizing: $type;
}
+
+@mixin display-flex() {
+ display: flex;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+}
+
+@mixin flex-direction($direction) {
+ flex-direction: $direction;
+ -ms-flex-direction: $direction;
+}
View
@@ -185,11 +185,8 @@ input[type=search] {
.main {
.title {
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -ms-flex-direction: row;
- flex-direction: row;
+ @include display-flex();
+ @include flex-direction(row);
-ms-flex-align: center;
align-items: center;
@@ -202,11 +199,8 @@ input[type=search] {
}
.button-group {
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -ms-flex-direction: row;
- flex-direction: row;
+ @include display-flex();
+ @include flex-direction(row);
justify-content: space-between;
}
}
@@ -233,11 +227,8 @@ input[type=search] {
line-height: 2em;
.title {
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -ms-flex-direction: row;
- flex-direction: row;
+ @include display-flex();
+ @include flex-direction(row);
-ms-flex-align: center;
align-items: center;
@@ -252,9 +243,7 @@ input[type=search] {
}
.progress-info {
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
+ @include display-flex();
-webkit-justify-content: center;
justify-content: center;

0 comments on commit 047544a

Please sign in to comment.