Using bourbon mixins for flexbox support.

clappr · Aug 9, 2016 · 62c1754 · 62c1754
1 parent db69462
commit 62c1754
Showing 1 changed file with 3 additions and 9 deletions.
diff --git a/src/plugins/poster/public/poster.scss b/src/plugins/poster/public/poster.scss
@@ -1,21 +1,15 @@
 @import "bourbon";
 
 .player-poster[data-poster] {
+  @include display(flex);
+  @include justify-content(center);
+  @include align-items(center);
   position: absolute;
   height: 100%;
   width: 100%;
   z-index: 998;
   top: 0;
   left: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
   background-color: #000;
   background-size: cover;
   background-repeat: no-repeat;