-
Notifications
You must be signed in to change notification settings - Fork 115
What's supported?
Konrad Dzwinel edited this page Aug 24, 2019
·
32 revisions
- 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' />
)
- inline (
- 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