/* artesian-embed.css -- how a compiled artesian demo sits in a page.
 *
 * Generated by artesian. Do not edit this file; edit artesian/embed.py.
 *
 * Link this from the page HEAD. It must apply before any script runs: the
 * sizing script cannot measure a frame whose document has not loaded, and on
 * a slow connection that is the reader's whole first impression.
 */
iframe[data-artesian] {
  border: 0;
  display: block;
  /* The frame is sized to its content and so has nothing to scroll. Where it
     can, a touch drag pans the demo off the edge of its own frame with no
     obvious way back -- an iPad needs only a pixel or two of rounding. */
  overflow: hidden;
  /* NOT width: 100%. WebKit sizes an iframe to its content rather than
     honouring a percentage, and a stretch-to-fit app then grows with it off
     the side of the page. min-width is honoured where width is not. */
  width: 1px;
  min-width: 100%;
}
