Чудесная технология для верстки этот flexbox. Чем больше им пользуюсь, тем больше нравится.
На текущем проекте использую подход, позаимствованный у Angular Material. Angular Material вместо CSS-классов использует атрибуты. Вот и ваш покорный слуга решил использовать этот подход. Для задания свойства display: flex; flex-direction: row;
атрибут mo-layout
без значения, а для display: flex; flex-direction: column;
тот же атрибут но со значением column
. Примерно так:
[mo-layout] {
display: flex;
flex-direction: row;
}
[mo-layout="column"] {
display: flex;
flex-direction: column;
}