search

mdgriffith / style-elements

Create styles that don't mysteriously break!
http://package.elm-lang.org/packages/mdgriffith/style-elements/latest
BSD 3-Clause "New" or "Revised" License
445 stars 49 forks source link

Feature Request: Wireframe mode #142

Open ghost opened 6 years ago

ghost commented 6 years ago

I've been playing with this library for a week or so, and I've come across a very helpful layout debugging tool: Apply a 1 pixel black border around all elements and remove any other styling, this way you can easily see which elements may not be width fill or height fill, and you can also diagnose other problems easier as well.

The one pain to this approach is manually editing your stylesheet for this, or creating and managing a separate wireframe sheet to swap in. It would be nice if this debugging tool were built into the library. Something like Style.Debug.wireframe : Style.StyleSheet style variation.

mdgriffith commented 6 years ago

This is a great idea! I'm going to play around with this for v5.