Three line list@1.0.0

<div class="c-three-line-list">
    <div class="c-three-line-list__item">
        <hr class="c-separator" />
        <div class="c-three-line-list__item-icon"><i class="material-icons">ondemand_video</i></div>
        <div class="c-three-line-list__item-copy">
            <div class="c-three-line-list__item-title">Watch</div>
            <div class="c-three-line-list__item-text">Students must watch or listen to a comment, audio/video, or an entire VoiceThread.</div>
        </div>
        <div class="c-three-line-list__item-expand"><i class="material-icons">expand_more</i></div>
        <div class="c-three-line-list__item-expanded">
            <div class="c-three-line-list__item-expanded-title">
                Why use this option?
            </div>
            <ul class="c-thre-line-list__item-expanded-list">
                <li>Students will create their own VoiceThreads and submit for a grade.</li>
                <li>Students will record comments on an existing VoiceThread for a grade.</li>
                <li>Students must watch an entire VoiceThread and receive a grade for having completed it.</li>
            </ul>
            <button class="c-button-raised--primary">
                Choose this option
            </button>
        </div>
    </div>
    <div class="c-three-line-list__item is-open">
        <hr class="c-separator" />
        <div class="c-three-line-list__item-icon"><i class="material-icons">check_circle</i></div>
        <div class="c-three-line-list__item-copy">
            <div class="c-three-line-list__item-title">Comment</div>
            <div class="c-three-line-list__item-text">Students are required to make a comment on a slide, or a VoiceThread.</div>
        </div>
        <div class="c-three-line-list__item-expand"><i class="material-icons">expand_less</i></div>
        <div class="c-three-line-list__item-expanded">
            <div class="c-three-line-list__item-expanded-title">
                Why use this option?
            </div>
            <ul class="c-thre-line-list__item-expanded-list">
                <li>Students will create their own VoiceThreads and submit for a grade.</li>
                <li>Students will record comments on an existing VoiceThread for a grade.</li>
                <li>Students must watch an entire VoiceThread and receive a grade for having completed it.</li>
            </ul>
            <button class="c-button-raised--primary">
                Choose this option
            </button>
        </div>
    </div>
    <div class="c-three-line-list__item">
        <hr class="c-separator" />
        <div class="c-three-line-list__item-icon"><i class="material-icons">add_box</i></div>
        <div class="c-three-line-list__item-copy">
            <div class="c-three-line-list__item-title">Create</div>
            <div class="c-three-line-list__item-text">Students will create their own VoiceThread. Can be used for presentations or discussions.</div>
        </div>
    </div>
</div>