jiro-ui
Version:
A Mithril.js UI library based from construct-ui
57 lines (43 loc) • 1.49 kB
CSS
.cui-query-list {
outline: none; }
.cui-query-list .cui-control-group {
margin: 0;
margin-bottom: 15px; }
.cui-query-list .cui-control-group.cui-fluid > * {
flex: none; }
.cui-query-list .cui-control-group .cui-input {
flex-grow: 1; }
.cui-query-list .cui-list-item {
border-bottom: none; }
.cui-query-list-checkmark .cui-list-item {
padding-left: 36px; }
.cui-query-list-checkmark .cui-list-item-content-left {
left: 10px; }
.cui-query-list-checkmark .cui-list-item-content-left {
position: absolute; }
.cui-query-list-checkmark .cui-selected .cui-icon-check {
color: #5c6bc0; }
.cui-query-list-checkmark .cui-xs .cui-list-item {
padding-left: 30px; }
.cui-query-list-checkmark .cui-xs .cui-list-item-content-left {
left: 8px; }
.cui-query-list-checkmark .cui-sm .cui-list-item {
padding-left: 33px; }
.cui-query-list-checkmark .cui-sm .cui-list-item-content-left {
left: 9px; }
.cui-query-list-checkmark .cui-lg .cui-list-item {
padding-left: 42px; }
.cui-query-list-checkmark .cui-lg .cui-list-item-content-left {
left: 11px; }
.cui-query-list-checkmark .cui-xl .cui-list-item {
padding-left: 48px; }
.cui-query-list-checkmark .cui-xl .cui-list-item-content-left {
left: 13px; }
.cui-query-list-empty,
.cui-query-list-initial {
background: none; }
.cui-query-list-empty .cui-query-list-message,
.cui-query-list-initial .cui-query-list-message {
padding: 10px;
color: #607d8b;
font-size: 14px; }