jiro-ui
Version:
A Mithril.js UI library based from construct-ui
49 lines (48 loc) • 1.6 kB
CSS
.cui-breadcrumb {
display: flex;
align-items: center; }
.cui-breadcrumb .cui-breadcrumb-item {
font-size: 14px; }
.cui-breadcrumb .cui-breadcrumb-seperator {
font-size: 14px;
margin: 0 6px; }
.cui-breadcrumb .cui-breadcrumb-item {
display: flex;
text-decoration: none;
color: #607d8b;
transition: color 200ms cubic-bezier(0.4, 1, 0.75, 0.9); }
.cui-breadcrumb .cui-breadcrumb-item .cui-icon {
color: #607d8b; }
.cui-breadcrumb a.cui-breadcrumb-item {
color: #b0bec5; }
.cui-breadcrumb a.cui-breadcrumb-item .cui-icon {
color: #b0bec5; }
.cui-breadcrumb a.cui-breadcrumb-item:hover {
color: #607d8b; }
.cui-breadcrumb a.cui-breadcrumb-item:hover .cui-icon {
color: #607d8b; }
.cui-breadcrumb .cui-breadcrumb-seperator {
display: flex;
color: #607d8b; }
.cui-breadcrumb .cui-breadcrumb-seperator:last-child {
display: none; }
.cui-breadcrumb.cui-xs .cui-breadcrumb-item {
font-size: 12px; }
.cui-breadcrumb.cui-xs .cui-breadcrumb-seperator {
font-size: 12px;
margin: 0 5px; }
.cui-breadcrumb.cui-sm .cui-breadcrumb-item {
font-size: 13px; }
.cui-breadcrumb.cui-sm .cui-breadcrumb-seperator {
font-size: 13px;
margin: 0 5.5px; }
.cui-breadcrumb.cui-lg .cui-breadcrumb-item {
font-size: 16px; }
.cui-breadcrumb.cui-lg .cui-breadcrumb-seperator {
font-size: 16px;
margin: 0 7px; }
.cui-breadcrumb.cui-xl .cui-breadcrumb-item {
font-size: 18px; }
.cui-breadcrumb.cui-xl .cui-breadcrumb-seperator {
font-size: 18px;
margin: 0 8px; }