fix: remove child elements direction dependency from parent element

[ayan-bloomscorp]

No description provided.

[synopss]

This time, tests are not breaking, but I can confirm that your solution doesn't comply with what Flex-Layout is currently doing :

https://github.com/angular/flex-layout/blob/90761cafdfc16ba69992ae32f55e2f9a5d0b2bc2/projects/libs/flex-layout/flex/layout-align/layout-align.ts#L90

return extendObject(css, {
      'display' : parent.inline ? 'inline-flex' : 'flex',
      'flex-direction' : parent.layout,
      'box-sizing' : 'border-box',
      'max-width': crossAxis === 'stretch' ?
        !isFlowHorizontal(parent.layout) ? '100%' : null : null,
      'max-height': crossAxis === 'stretch' ?
        isFlowHorizontal(parent.layout) ? '100%' : null : null,
    }) as StyleDefinition;

Nevertheless #5 is valid, not the way to fix it.
Adding a test case will be interesting as well.

[ayan-bloomscorp]

I need to check the fx-Layout codebase. I will get back on this.