What's supported?

• element sizes and positions
  • pseudoelements (before, after, input placeholder, list decoration) - see #20
  • <iframe>
  • <video>
  • <picture>
• shadow DOM (only by nodeTreeToSketchPage and only open shadow nodes)
• the way elements should behave when resized (responsivity) see #135
• native unstyled elements (e.g checkbox, input, select) see #145, #23, #38

Images:

• jpg
• png
• static gif
• animated gif
• svg
  • inline (<svg>…</svg>)
  • external (<img src='….svg' />)
• webp

CSS properties:

• background-image
  • multiple backgrounds
• background-position
• background-size
• background-repeat
• border
  • multiple borders
  • support for setting individual borders (e.g. border-left)
• border-radius (partial support - only % value is supported)
• background-color
• background-gradient
  • linear gradient (only some angles)
  • radial gradient
  • conic gradient
• border-color
• border-width
• font-family (font has to be installed on your computer and have the exact same name)
• font-weight
• font-size
• line-height
• letter-spacing
• color
• text-transform
• text-decoration-line
  • line-through
  • underline
  • overline
• text-decoration-color
• text-decoration-style
• text-align
• justify-content
• display
• box-shadow
  • inner shadow
  • multiple shadows
• visibility
• opacity
• text-shadow
• overflow
• clip
• text-indent
• transform
• white-space