add Breadcrumb UI
add Breadcrumb UI
This commit is contained in:
parent
95436eeb98
commit
a86e42c06d
6 changed files with 71 additions and 6 deletions
34
styles/mixins/breadcrumb.less
Normal file
34
styles/mixins/breadcrumb.less
Normal file
|
@ -0,0 +1,34 @@
|
|||
@breadcrumb-prefix-cls: ~"@{css-prefix}breadcrumb";
|
||||
|
||||
.@{breadcrumb-prefix-cls} {
|
||||
color: #999;
|
||||
font-size: @font-size-base;
|
||||
|
||||
a {
|
||||
color: @text-color;
|
||||
.transition(color @transition-time @ease-in-out);
|
||||
&:hover {
|
||||
color: tint(@primary-color, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
& > span:last-child {
|
||||
font-weight: bold;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
& > span:last-child &-item-separator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-item-separator {
|
||||
margin: 0 8px;
|
||||
color: @border-color-base;
|
||||
}
|
||||
|
||||
&-item-link {
|
||||
> .ivu-icon + span {
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -10,4 +10,5 @@
|
|||
@import "loading";
|
||||
@import "close";
|
||||
@import "checkbox";
|
||||
@import "input";
|
||||
@import "input";
|
||||
@import "breadcrumb";
|
Loading…
Add table
Add a link
Reference in a new issue