flex

Return a set of properties and values used to build a flexbox layout.

Parameter	Type	Description
$justify	string	Valid justify-content value (default: flex-start)
$align	string	Valid align-items value (default: stretch)
$wrap	string	Valid flex-wrap value (default: nowrap)
$dir	string	Valid flex-direction value (default: row)

Example

Components/ExampleComponent/_style.scss

.m-example-component {
  @include flex($justify: flex-start, $align: stretch, $wrap: nowrap, $dir: row);
}

dist/frontend.css

.m-example-component {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}