Webkit bug reduction

dabblet.css

/**
 * Webkit bug reduction
 * Bug originally spotted in http://dabblet.com/gist/1560717
 */


/* The font. Try changing font-size and see how the lines
   still follow the text
   In Webkit, certain numbers  */
   
font: italic 18.5px/1.5 Baskerville, "Palatino Linotype", serif;

/* The "paper" color */
background-color: hsl(24, 10%, 90%);

/* The lines */
background-image: linear-gradient(hsla(210, 50%, 30%, .5) 1px, transparent 1px);

/* This makes the lines follow the text. 
   First value could be whatever (as long as it's > 0),
   second should be equal to line-height */
background-size: 100% 1.5em;

dabblet.html

Logistically data ethernet deviation inversion processor echo processor procedural femtosecond logistically interface analog services. Cascading connectivity, in or transponder scan element sequential transmission plasma normalizing capacitance reducer. Recursive plasma, hyperlinked supporting gigabyte, solution. 

Development silicon partitioned patch hyperlinked echo broadband, bus cable. Read-only integer generator servicing, scalar coordinated audio. Video, distributed high debugged fragmentation hyperlinked pc sequential element resistor pulse capacitance. Floating-point bypass reducer recognition gigabyte developer potentiometer. 

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}