Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

$container: (
  display: flex, // similar to float/isolate or nest?
  
  // shorthand flow: <direction> || <wrap>
  direction: row row-reverse column column-reverse,
  wrap: nowrap wrap wrap-reverse,
  
  // items along main axis
  justify: flex-start flex-end center space-between space-around,
  
  // items along cross axis
  align-items: flex-start flex-end center baseline stretch,
  
  // multiple lines along cross axis
  align-content: flex-start flex-end center space-between space-around stretch,
);

$item: (
  order: '<integer>', // similar to location?
  
  // shorthand flex: none | [ <grow> <shrink>? || <basis> ]
  grow: '<number>',
  shrink: '<number>',
  basis: '<length>' auto, // similar to span?
  
  // self along cross axis
  align: auto flex-start flex-end center baseline stretch,
);