add Button UI

add Button UI
This commit is contained in:
梁灏 2016-09-20 17:10:17 +08:00
parent 40f8606f58
commit e1596b7e2c
9 changed files with 456 additions and 119 deletions

View file

@ -1,7 +1,74 @@
@btn-prefix-cls: ~"@{css-prefix}btn";
.@{btn-prefix-cls} {
&-primary {
color: @primary-color;
}
.btn;
.btn-default;
&-primary {
.btn-primary;
.@{btn-prefix-cls}-group &:not(:first-child):not(:last-child) {
border-right-color: @btn-group-border;
border-left-color: @btn-group-border;
}
.@{btn-prefix-cls}-group &:first-child {
&:not(:last-child) {
border-right-color: @btn-group-border;
&[disabled] {
border-right-color: @btn-default-border;
}
}
}
.@{btn-prefix-cls}-group &:last-child:not(:first-child),
.@{btn-prefix-cls}-group & + .@{btn-prefix-cls} {
border-left-color: @btn-group-border;
&[disabled] {
border-left-color: @btn-default-border;
}
}
}
&-ghost {
.btn-ghost;
}
//&-dashed {
// .btn-dashed;
//}
&-circle,
&-circle-outline {
.btn-circle(@btn-prefix-cls);
}
&:before {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
background: #fff;
opacity: 0.35;
content: '';
border-radius: inherit;
z-index: 1;
.transition(opacity @animation-time);
pointer-events: none;
display: none;
}
&&-loading {
pointer-events: none;
position: relative;
&:before {
display: block;
}
}
&-group {
.btn-group(@btn-prefix-cls);
}
}

View file

@ -36,13 +36,13 @@
}
&-title {
font-size: 14px;
font-size: @font-size-base;
color: @text-color;
margin-bottom: 4px;
}
&-desc {
font-size: @font-size-base;
font-size: 12px;
color: @legend-color;
text-align: justify;
}