sketch-underline style

sketch-underline-style.md

.sketch-underline

.sketch-underline {
    # background: url(https://www.monicahq.com/img/sketch_underline.svg) 0 100% no-repeat;
    background: url(https://raw.githubusercontent.com/gist/soiqualang/f90714627f4ad186c47a974720fafb3c/raw/17f56b29fef699eee952959aeb9f57554aba762d/sketch_underline.svg) 0 100% no-repeat;
    background-size: 100% .75rem;
    padding-bottom: .6rem;
}

<span class="sketch-underline"><strong>better friend</strong>, <strong>family member</strong> or <strong>spouse</strong></span>

sketch_underline.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="229px" height="9px" viewBox="0 0 229 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
    <title>Path 7</title>
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Artboard" transform="translate(-583.000000, -290.000000)" stroke="#35AA65" stroke-width="2">
            <path d="M584,297.619141 C611.003255,294.830729 638.796458,296.368741 665.904297,294.914062 C695.055946,293.349707 724.294806,294.8231 753.482422,294.232422 C772.974284,293.83796 792.444661,292.716797 811.925781,291.958984 L584,297.619141 Z" id="Path-7"></path>
        </g>
    </g>
</svg>