I am planning in creating a Illustrator/Sketch vector based template for the CSS framework UiKit. And I wonder how to do that.
My first thought was to print to PDF and dissect it from there, but then the print styles get to work. And it would be way too much work to remove all print related styles with FF's element inspector.
So my only other idea would be to make screenshots of the page and redraw it in Illustrator, using an overlay tool such as GluePrint (Mac) or Image Overlay Utility (Win).
I also tried to use Inkscape's CSS via its XML inspector, but it obviously does not support a lot of the required CSS.
@media printblock/s in the CSS and then print to PDF? Alternatively, if you're familiar with Python the HTML2PDF package works perfectly for generating PDFs from webpages.