What properties can I change between breakpoints in a responsive site?

You can edit a ton of settings between breakpoints in Freeway, but there are some limitations. Here’s a cheatsheet to pin to the wall:

Pages

  • Grids
  • Guides
  • Width (including Min/Max)
  • Height (including Min/Max)
  • Alignment
  • Padding
  • Background Color/Image and associated options (Window and Page)

Items

Only CSS layout based items can be changed at breakpoints so make sure the CSS Layout tool is selected in the toolbar.

HTML items

  • Absolute/Fixed Positioning
  • Show (design mode only)
  • Color
  • Overflow
  • Left/Right/Top/Bottom Inset
  • Width (including Min/Max)
  • Height (including Min/Max)
  • Padding
  • Margin (inflow item setting)
  • Align (inflow item setting)
  • Float (inflow item setting)
  • Clear (inflow item setting)
  • Opacity
  • Background Color/Image and associated options
  • Border
  • Shadow
  • Display

Graphic items

  • Absolute/Fixed Positioning
  • Show (design mode only)
  • Background Color
  • Left/Top Inset

Pass-throughs (graphics and videos)

  • Absolute/Fixed Positioning
  • Show (design mode only)
  • Color
  • Overflow
  • Left/Right/Top/Bottom Inset
  • Width (including Min/Max)
  • Height (including Min/Max)
  • Padding
  • Margin (inflow item setting)
  • Align (inflow item setting)
  • Opacity
  • Background Color/Image and associated options
  • Border
  • Shadow
  • Display

Styles (new in FW7.1)

  • Font
  • Style (bold/italics/underline)
  • Size
  • Color
  • Background
  • Image
  • Shift
  • Case
  • Character Space
  • Word Space
  • Cursor
  • Shadow
  • Align
  • List
  • Leading
  • First Indent
  • Left Indent
  • Right Indent
  • Space Before
  • Space After
  • Direction