the-sett / the-sett-laf / TheSett.Debug

DebugStyle provides a debug stylesheet.

This stylesheet uses repeating background image functions in CSS to display borders around different elements of a page in different colors, without chaging the size they are rendered at (as setting a border 1px would do).

The vertical rhtythm is also drawn in as fitn background lines.

The CSS snippet to add to the global style.

global : ResponsiveStyle -> List Css.Global.Snippet

The debug CSS.