jiro-ui
Version:
A Mithril.js UI library based from construct-ui
57 lines (56 loc) • 1.47 kB
CSS
.cui-menu {
max-width: 180px;
min-width: 140px;
padding: 6px 0;
border-radius: 3px;
background: white;
border: solid 1px #c5cdd1;
display: inline-flex;
vertical-align: middle;
flex-direction: column; }
.cui-menu .cui-menu-divider {
margin: 6px 0; }
.cui-menu .cui-menu-heading {
padding: 6px 12px; }
.cui-menu .cui-menu-item {
border-radius: 0; }
.cui-menu .cui-menu-divider {
border-bottom: solid 1px #c5cdd1; }
.cui-menu .cui-menu-heading {
color: #263238;
font-weight: bold;
font-size: 12px; }
.cui-menu.cui-basic {
border: none; }
.cui-menu.cui-xs {
max-width: 140px;
min-width: 100px;
padding: 5px 0; }
.cui-menu.cui-xs .cui-menu-divider {
margin: 5px 0; }
.cui-menu.cui-xs .cui-menu-heading {
padding: 5px 10px; }
.cui-menu.cui-sm {
max-width: 160px;
min-width: 120px;
padding: 5px 0; }
.cui-menu.cui-sm .cui-menu-divider {
margin: 5px 0; }
.cui-menu.cui-sm .cui-menu-heading {
padding: 5px 11px; }
.cui-menu.cui-lg {
max-width: 200px;
min-width: 160px;
padding: 7px 0; }
.cui-menu.cui-lg .cui-menu-divider {
margin: 7px 0; }
.cui-menu.cui-lg .cui-menu-heading {
padding: 7px 14px; }
.cui-menu.cui-xl {
max-width: 240px;
min-width: 200px;
padding: 8px 0; }
.cui-menu.cui-xl .cui-menu-divider {
margin: 8px 0; }
.cui-menu.cui-xl .cui-menu-heading {
padding: 8px 16px; }