From b871f6091c32ce703cbda6f5ecf50ae36b0ffc6a Mon Sep 17 00:00:00 2001 From: Sebastian Langer Date: Tue, 26 Jul 2016 17:05:43 +0200 Subject: [PATCH] add .align-self flexbox-mixin --- _mixins/flex.less | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/_mixins/flex.less b/_mixins/flex.less index cc8871e..36cd55f 100644 --- a/_mixins/flex.less +++ b/_mixins/flex.less @@ -133,6 +133,21 @@ } } +.align-self(@align: stretch) { + -ms-flex-item-align: @align; + -webkit-align-self: @align; + align-self: @align; + + & when (@align = start) { + -webkit-align-self: ~"flex-@{align}"; + align-self: ~"flex-@{align}"; + } + & when (@align = end) { + -webkit-align-self: ~"flex-@{align}"; + align-self: ~"flex-@{align}"; + } +} + .order(@number) { -webkit-box-ordinal-group: @number; -moz-box-ordinal-group: @number;