JSFiddle - React, Tailwind, and code Playground
HTML
<div class="pure">
<form class="pure-form-inline">
<div class="pure-control-group">
<label>Choose Project:</label>
<select></select>
</div>
<div class="pure-control-group">
<label>Choose Customer:</label>
<select></select>
</div>
</form>
</div>
CSS
/*!
Pure v0.3.0
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v1.1.2 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
.noselect {
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.overflowEllipses {
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.boringAnchor a {
color: black;
}
.boringAnchor a:hover {
color: black;
text-decoration: none;
}
.boringAnchor a:visited {
color: black;
}
.disabledButtonCss:disabled {
background-color: rgba(224, 224, 224, 0.15);
border: 1px solid #ddd;
color: #bbb;
}
.disabledButtonCss:disabled:hover {
background-color: rgba(224, 224, 224, 0.15);
border: 1px solid #ddd;
cursor: default;
}
.scheduleColor {
font-size: 12px;
}
.scheduleColor .green {
color: green;
}
.scheduleColor .yellow {
color: yellow;
}
.scheduleColor .red {
color: red;
}
.scheduleColor .gray {
color: gray;
}
.pure {
font-size: 14px;
/*button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button, input {
line-height: normal;
}
button, select {
text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible;
}
button[disabled], html input[disabled] {
cursor: default;
}*/
/*button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}*/
}
.pure article, .pure aside, .pure details, .pure figcaption, .pure figure, .pure footer, .pure header, .pure hgroup, .pure main, .pure...