add Dropdown component

add Dropdown component
This commit is contained in:
梁灏 2016-12-03 23:46:25 +08:00
parent 0f4ccf4486
commit ab8aaf958a
13 changed files with 235 additions and 4 deletions

View file

@ -0,0 +1,17 @@
@dropdown-prefix-cls: ~"@{css-prefix}dropdown";
@dropdown-item-prefix-cls: ~"@{dropdown-prefix-cls}-item";
.@{dropdown-prefix-cls} {
display: inline-block;
position: relative;
&-rel{
display: inline-block;
}
&-menu{
min-width: 100px;
}
}
.select-item(@dropdown-prefix-cls, @dropdown-item-prefix-cls);

View file

@ -28,4 +28,5 @@
@import "slider";
@import "cascader";
@import "transfer";
@import "table";
@import "table";
@import "dropdown";

View file

@ -27,7 +27,7 @@
.input-small() {
padding: @input-padding-vertical-small @input-padding-horizontal;
height: @input-height-small;
border-radius: @border-radius-small;
border-radius: @btn-border-radius-small;
}
.input() {
@ -38,7 +38,7 @@
padding: @input-padding-vertical-base @input-padding-horizontal;
font-size: @font-size-small;
border: 1px solid @input-border-color;
border-radius: @border-radius-base;
border-radius: @btn-border-radius;
color: @input-color;
background-color: @input-bg;
background-image: none;

View file

@ -37,6 +37,18 @@
&-selected&-focus {
background: shade(@selected-color, 10%);
}
&-divided{
margin-top: 5px;
border-top: 1px solid @border-color-split;
&:before{
content: '';
height: 5px;
display: block;
margin: -7px -16px 0;
background-color: #fff;
}
}
}
.@{size-class}-large .@{item-class} {