JSFiddle - React, Tailwind, and code Playground

by mrtsherman

HTML

<div data-role="controlgroup" data-type="horizontal">
        <select name="select_networks" id="select_networks" data-inline="true" class="rounded">
            <option value="1/1">Everyone</option>
            <option value="2/1">Friends</option>
        </select>
        <select name="select_sort" id="select_sort" data-inline="true" class="rounded">
            <option value="1">Points</option>
            <option value="2">New</option>
        </select>
    </div>

CSS

.rounded {
-moz-border-radius:    2em    /*{global-radii-blocks}*/;
-webkit-border-radius:    2em    /*{global-radii-blocks}*/;
border-radius:    2em    /*{global-radii-blocks}*/;
}