Show output code on home page
madeleineostoja opened this issue · comments
Great idea from this thread - on the index of the docs site we have a feature grid for Rucksack with little example code snippets - would be neat to have them 'flip' (or more probably 'slide') on hover to reveal the CSS a given feature transpiles to.
+1 gut feeling is go with a slide effect, fits more with the flat UI IMO. Only problem might be accessibility, if they want to copy the example code? Perhaps slide to reveal, but don't hide the source code so they can still highlight and copy it.
Not sure how you'd achieve that given the (very) limited realestate of feature tiles, but yeah I'll have a think
I'm closing this one. Don't have the time to redesign the home page, and given the very limited realestate can't really just have the tiles show the (much larger) output. Output code is visible for any given feature in the docs anyway.