Handles Auto-Layouts for Scenic Components.

• :padding - Padding creates space around an object with a border. This is useful to create space between objects within a group. Values should be passed in as a keyword list. Default is {:padding, 1}.

  • {:padding-top, value}
  • {:padding-bottom, value}
  • {:padding-right, value}
  • {:padding-left, value}

  • {:padding, value(s)} - When using this shorthand where the padding is applied is based on how many length values are passed in.

    • 4 values - top, right, bottom, left
    • 3 values - top, right/left, bottom
    • 2 values - top/bottom, right/left
    • 1 values - All sides have the same value. This is the default.

• :margin - Margin creates space around an object outside of a border. This is useful to apply to a group of object you would like some space between the group and other objects in the view. Values should be passed in as a keyword list. Default is {:margin, 1}

  • {:margin-top, value}
  • {:margin-bottom, value}
  • {:margin-right, value}
  • {:margin-left, value}

  • {:margin, [value(s)]} - When using this shorthand where the margin is applied is based on how many length values are passed in.

    • 4 values - top, right, bottom, left
    • 3 values - top, right/left, bottom
    • 2 values - top/bottom, right/left
    • 1 values - All sides have the same value, This is the default.
  • :auto - Auto margin will position the object in the center of the viewport.