ant-design/style/components/tree.less

108 lines
2.3 KiB
Plaintext
Raw Normal View History

2015-08-06 09:17:40 +08:00
@treePrefixCls: ant-tree;
2015-08-19 21:19:11 +08:00
.antCheckboxFn(@checkboxPrefixCls: ant-tree-checkbox);
2015-08-14 23:28:20 +08:00
@import "../mixins/iconfont";
2015-08-19 21:19:11 +08:00
.antTreeSwitcherIcon() {
2015-08-14 23:28:20 +08:00
position: relative;
&:after {
.iconfont-size-under-12px(6px);
2015-08-19 21:19:11 +08:00
content: '\e60f';
2015-08-14 23:28:20 +08:00
display: inline-block;
font-family: 'anticon';
font-weight: bold;
position: absolute;
top: 10px;
right: 4px;
color: #666;
2015-08-17 12:17:20 +08:00
transition: transform .3s ease;
2015-08-14 23:28:20 +08:00
}
}
2015-08-03 16:07:21 +08:00
.@{treePrefixCls} {
2015-08-16 20:04:42 +08:00
margin: 0;
padding: 5px;
font-size: 12px;
2015-08-03 16:07:21 +08:00
li {
2015-08-16 20:04:42 +08:00
padding: 0;
margin: 0;
list-style: none;
white-space: nowrap;
outline: 0;
2015-08-10 20:23:18 +08:00
ul {
2015-08-16 20:04:42 +08:00
margin: 0;
padding: 0 0 0 18px;
2015-08-03 16:07:21 +08:00
}
a {
2015-08-10 20:23:18 +08:00
display: inline-block;
2015-08-16 20:04:42 +08:00
padding: 1px 3px 0 0;
margin: 0;
cursor: pointer;
height: 20px;
text-decoration: none;
vertical-align: top;
2015-08-14 23:28:20 +08:00
color: #666;
2015-08-03 16:07:21 +08:00
}
2015-08-10 20:23:18 +08:00
span {
2015-08-19 12:18:10 +08:00
&.@{treePrefixCls}-checkbox {
margin: 3px 7px 0 0;
}
2015-08-16 20:04:42 +08:00
&.@{treePrefixCls}-switcher,
&.@{treePrefixCls}-iconEle {
line-height: 0;
margin: 0;
width: 16px;
2015-08-17 12:50:02 +08:00
height: 17px;
2015-08-16 20:04:42 +08:00
display: inline-block;
vertical-align: middle;
border: 0 none;
cursor: pointer;
outline: none;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
}
&.@{treePrefixCls}-switcher {
&-disabled {
background: #fff;
position: relative;
&:after {
content: '-';
position: absolute;
top: 8px;
left: 6px;
color: gray;
2015-08-14 23:28:20 +08:00
}
2015-08-10 20:23:18 +08:00
}
2015-08-16 20:04:42 +08:00
&.@{treePrefixCls}-roots_open,
&.@{treePrefixCls}-center_open,
&.@{treePrefixCls}-bottom_open,
&.@{treePrefixCls}-noline_open {
2015-08-19 21:19:11 +08:00
.antTreeSwitcherIcon();
2015-08-16 20:04:42 +08:00
}
&.@{treePrefixCls}-roots_close,
&.@{treePrefixCls}-center_close,
&.@{treePrefixCls}-bottom_close,
&.@{treePrefixCls}-noline_close {
2015-08-19 21:19:11 +08:00
.antTreeSwitcherIcon();
.ie-rotate(3);
2015-08-16 20:04:42 +08:00
&:after {
transform: rotate(270deg) scale(0.5);
2015-08-10 20:23:18 +08:00
}
}
}
2015-08-03 16:07:21 +08:00
}
2015-08-10 20:23:18 +08:00
}
&-treenode-disabled {
2015-08-16 20:04:42 +08:00
>span,
>a {
2015-08-10 20:23:18 +08:00
color: gray;
2015-08-03 16:07:21 +08:00
}
}
&-icon__open {
margin-right: 2px;
vertical-align: top;
}
&-icon__close {
margin-right: 2px;
vertical-align: top;
}
2015-08-10 20:23:18 +08:00
}