Issue #449 Link Color Examples

dabblet.css

/**
 * Issue #449 Link Color Examples
 */

            body { width: 100%; }
            .swatches {
                position: relative;
                width: 100%;
                overflow: hidden;
            }
            .swatch {
                width: 200px;
                height: 200px;
                float: left;
                position: relative;
            }
            .links ul { list-style-type: none !important; }

dabblet.html

        <div class="swatches">
            <div class="swatch" style="background-color: #03CCFE">
                <p class="colorcode">#03CCFE</p>
            </div>
            <div class="swatch" style="background-color: #19A3D1">
                <p class="colorcode">#19A3D1</p>
            </div>
            <div class="swatch" style="background-color: #20C6FD">
                <p class="colorcode">#20C6FD</p>
            </div>
            <div class="swatch" style="background-color: #4183C4">
                <p class="colorcode">#4183C4</p>
            </div>
            <div class="swatch" style="background-color: #08C">
                <p class="colorcode">#08C</p>
            </div>
        </div>
        <div class="links">
            <ul>
                <li><a href="#" style="color: #03CCFE">#03CCFE</a> (Explore Title)</li>
                <li><a href="#" style="color: #19A3D1">#19A3D1</a> (Visited Link)</li>
                <li><a href="#" style="color: #206CFD">#206CFD</a> (highlight-blue)</li>
                <li><a href="#" style="color: #4183C4">#4183C4</a> (GitHub)</li>
                <li><a href="#" style="color: #08C">#08C</a> (Bootstrap)</li>
            </ul>
        </div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}