empty master
This commit is contained in:
梁灏
parent
92c1162255
commit
67d534df27
276 changed files with 0 additions and 28368 deletions
|
|
@ -1,4 +0,0 @@
|
|||
.ivu-affix {
|
||||
position: fixed;
|
||||
z-index: @zindex-affix;
|
||||
}
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
@alert-prefix-cls: ~"@{css-prefix}alert";
|
||||
@icon-prefix-cls: ~"@{css-prefix}icon";
|
||||
|
||||
.@{alert-prefix-cls}{
|
||||
position: relative;
|
||||
padding: 8px 48px 8px 16px;
|
||||
border-radius: @border-radius-base;
|
||||
color: @text-color;
|
||||
font-size: @font-size-small;
|
||||
line-height: 16px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
&&-with-icon{
|
||||
padding: 8px 48px 8px 38px;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
font-size: @font-size-base;
|
||||
top: 8px;
|
||||
left: 16px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&-desc {
|
||||
font-size: @font-size-small;
|
||||
color: @text-color;
|
||||
line-height: 21px;
|
||||
display: none;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
&-success {
|
||||
border: 1px solid tint(@success-color, 80%);
|
||||
background-color: tint(@success-color, 90%);
|
||||
.@{alert-prefix-cls}-icon {
|
||||
color: @success-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-info {
|
||||
border: 1px solid tint(@primary-color, 80%);
|
||||
background-color: tint(@primary-color, 90%);
|
||||
.@{alert-prefix-cls}-icon {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-warning {
|
||||
border: 1px solid tint(@warning-color, 80%);
|
||||
background-color: tint(@warning-color, 90%);
|
||||
.@{alert-prefix-cls}-icon {
|
||||
color: @warning-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-error {
|
||||
border: 1px solid tint(@error-color, 80%);
|
||||
background-color: tint(@error-color, 90%);
|
||||
.@{alert-prefix-cls}-icon {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-close {
|
||||
.content-close(-3px);
|
||||
}
|
||||
|
||||
&-with-desc {
|
||||
padding: 16px;
|
||||
position: relative;
|
||||
border-radius: @border-radius-base;
|
||||
margin-bottom: 10px;
|
||||
color: @text-color;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
&-with-desc&-with-icon{
|
||||
padding: 16px 16px 16px 69px;
|
||||
}
|
||||
|
||||
&-with-desc &-desc{
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-with-desc &-message {
|
||||
font-size: 14px;
|
||||
color: @title-color;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-with-desc &-icon {
|
||||
top: 50%;
|
||||
left: 24px;
|
||||
margin-top: -21px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
&-with-banner{
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
@backtop-prefix-cls: ~"@{css-prefix}back-top";
|
||||
|
||||
.@{backtop-prefix-cls} {
|
||||
z-index: @zindex-back-top;
|
||||
position: fixed;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
|
||||
&.@{backtop-prefix-cls}-show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-inner {
|
||||
background-color: rgba(0,0,0,.6);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,.2);
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0,0,0,.7);
|
||||
}
|
||||
}
|
||||
|
||||
i{
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
padding: 8px 12px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
@badge-prefix-cls: ~"@{css-prefix}badge";
|
||||
|
||||
.@{badge-prefix-cls} {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
|
||||
&-count {
|
||||
position: absolute;
|
||||
transform: translateX(50%);
|
||||
top: -10px;
|
||||
right: 0;
|
||||
height: 20px;
|
||||
border-radius: 10px;
|
||||
min-width: 20px;
|
||||
background: @error-color;
|
||||
border: 1px solid transparent;
|
||||
color: #fff;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
padding: 0 6px;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
transform-origin: -10% center;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 0 1px #fff;
|
||||
|
||||
a,
|
||||
a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&-alone {
|
||||
top: auto;
|
||||
display: block;
|
||||
position: relative;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
&-dot {
|
||||
position: absolute;
|
||||
transform: translateX(-50%);
|
||||
transform-origin: 0 center;
|
||||
top: -4px;
|
||||
right: -8px;
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
border-radius: 100%;
|
||||
background: @error-color;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 0 1px #fff;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,128 +0,0 @@
|
|||
@btn-prefix-cls: ~"@{css-prefix}btn";
|
||||
|
||||
.@{btn-prefix-cls} {
|
||||
.btn;
|
||||
.btn-default;
|
||||
|
||||
&-long{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
& > .ivu-icon + span, & > span + .ivu-icon{
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
&-primary {
|
||||
.btn-primary;
|
||||
|
||||
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:not(:first-child):not(:last-child) {
|
||||
border-right-color: @btn-group-border;
|
||||
border-left-color: @btn-group-border;
|
||||
}
|
||||
|
||||
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:first-child {
|
||||
&:not(:last-child) {
|
||||
border-right-color: @btn-group-border;
|
||||
&[disabled] {
|
||||
border-right-color: @btn-default-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:last-child:not(:first-child),
|
||||
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) & + .@{btn-prefix-cls} {
|
||||
border-left-color: @btn-group-border;
|
||||
&[disabled] {
|
||||
border-left-color: @btn-default-border;
|
||||
}
|
||||
}
|
||||
|
||||
.@{btn-prefix-cls}-group-vertical &:not(:first-child):not(:last-child) {
|
||||
border-top-color: @btn-group-border;
|
||||
border-bottom-color: @btn-group-border;
|
||||
}
|
||||
|
||||
.@{btn-prefix-cls}-group-vertical &:first-child {
|
||||
&:not(:last-child) {
|
||||
border-bottom-color: @btn-group-border;
|
||||
&[disabled] {
|
||||
border-top-color: @btn-default-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{btn-prefix-cls}-group-vertical &:last-child:not(:first-child),
|
||||
.@{btn-prefix-cls}-group-vertical & + .@{btn-prefix-cls} {
|
||||
border-top-color: @btn-group-border;
|
||||
&[disabled] {
|
||||
border-bottom-color: @btn-default-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-ghost {
|
||||
.btn-ghost;
|
||||
}
|
||||
|
||||
&-dashed{
|
||||
.btn-dashed;
|
||||
}
|
||||
|
||||
&-text{
|
||||
.btn-text;
|
||||
}
|
||||
|
||||
&-success {
|
||||
.btn-color(@success-color);
|
||||
}
|
||||
|
||||
&-warning {
|
||||
.btn-color(@warning-color);
|
||||
}
|
||||
|
||||
&-error {
|
||||
.btn-color(@error-color);
|
||||
}
|
||||
|
||||
&-info {
|
||||
.btn-color(@info-color);
|
||||
}
|
||||
|
||||
&-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 @transition-time;
|
||||
pointer-events: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
&&-loading {
|
||||
pointer-events: none;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&-group {
|
||||
.btn-group(@btn-prefix-cls);
|
||||
}
|
||||
|
||||
&-group-vertical {
|
||||
.btn-group-vertical(@btn-prefix-cls);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
@card-prefix-cls: ~"@{css-prefix}card";
|
||||
|
||||
.@{card-prefix-cls}{
|
||||
background: #fff;
|
||||
border-radius: @border-radius-small;
|
||||
font-size: @font-size-base;
|
||||
position: relative;
|
||||
//overflow: hidden;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
&-bordered {
|
||||
border: 1px solid @border-color-base;
|
||||
border-color: @border-color-split;
|
||||
}
|
||||
|
||||
&-shadow{
|
||||
box-shadow: @shadow-card;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: @shadow-base;
|
||||
border-color: #eee;
|
||||
}
|
||||
&&-dis-hover:hover{
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
&&-dis-hover&-bordered:hover{
|
||||
border-color: @border-color-split;
|
||||
}
|
||||
|
||||
&&-shadow:hover{
|
||||
box-shadow: @shadow-card;
|
||||
}
|
||||
|
||||
&-head {
|
||||
.content-header;
|
||||
}
|
||||
|
||||
&-extra {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 14px;
|
||||
}
|
||||
|
||||
&-body {
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,174 +0,0 @@
|
|||
@carousel-prefix-cls: ~"@{css-prefix}carousel";
|
||||
@carousel-item-prefix-cls: ~"@{css-prefix}carousel-item";
|
||||
|
||||
.@{carousel-prefix-cls} {
|
||||
position: relative;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
user-select: none;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
&-track, &-list {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
&-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&-track {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&-item {
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-arrow {
|
||||
|
||||
border: none;
|
||||
outline: none;
|
||||
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
display: none;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 10;
|
||||
transform: translateY(-50%);
|
||||
|
||||
transition: @transition-time;
|
||||
background-color: rgba(31, 45, 61, .11);
|
||||
color: #fff;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(31, 45, 61, 0.5);
|
||||
}
|
||||
|
||||
text-align: center;
|
||||
font-size: 1em;
|
||||
|
||||
font-family: inherit;
|
||||
line-height: inherit;
|
||||
|
||||
& > * {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
&.left {
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
&.right {
|
||||
right: 16px;
|
||||
}
|
||||
|
||||
&-always {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
&-hover {
|
||||
display: inherit;
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover &-arrow-hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-dots {
|
||||
z-index: 10;
|
||||
|
||||
@padding: 7px;
|
||||
|
||||
display: none;
|
||||
|
||||
position: relative;
|
||||
&-inside {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 10px - @padding;
|
||||
}
|
||||
|
||||
&-outside {
|
||||
display: block;
|
||||
margin-top: 10px - @padding;
|
||||
}
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 3px + @padding * 2;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
vertical-align: top;
|
||||
text-align: center;
|
||||
|
||||
margin: 0 2px;
|
||||
padding: @padding 0;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
button {
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
|
||||
background: #8391a5;
|
||||
opacity: 0.3;
|
||||
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 3px;
|
||||
|
||||
border-radius: 1px;
|
||||
outline: none;
|
||||
|
||||
font-size: 0;
|
||||
color: transparent;
|
||||
|
||||
transition: all .5s;
|
||||
}
|
||||
|
||||
&:hover > button {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
&.@{carousel-prefix-cls}-active > button {
|
||||
opacity: 1;
|
||||
width: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,99 +0,0 @@
|
|||
@cascader-prefix-cls: ~"@{css-prefix}cascader";
|
||||
@cascader-item-prefix-cls: ~"@{css-prefix}cascader-menu-item";
|
||||
|
||||
.@{cascader-prefix-cls} {
|
||||
//position: relative;
|
||||
line-height: normal;
|
||||
|
||||
&-rel{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.@{css-prefix}input{
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
&-disabled .@{css-prefix}input{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
|
||||
.@{cascader-prefix-cls}-arrow:nth-of-type(1) {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.@{cascader-prefix-cls}-arrow:nth-of-type(1) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
&-show-clear:hover .@{cascader-prefix-cls}-arrow:nth-of-type(2){
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-arrow {
|
||||
.inner-arrow();
|
||||
}
|
||||
&-visible &-arrow:nth-of-type(2) {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.select-item(@cascader-prefix-cls, @cascader-item-prefix-cls);
|
||||
|
||||
&-menu{
|
||||
display: inline-block;
|
||||
min-width: 100px;
|
||||
height: 180px;
|
||||
margin: 0;
|
||||
padding: 5px 0 !important;
|
||||
vertical-align: top;
|
||||
list-style: none;
|
||||
border-right: 1px solid @border-color-split;
|
||||
overflow: auto;
|
||||
|
||||
&:first-child {
|
||||
|
||||
}
|
||||
&:last-child {
|
||||
border-right-color: transparent;
|
||||
margin-right: -1px;
|
||||
}
|
||||
&:only-child {
|
||||
|
||||
}
|
||||
|
||||
& &-item{
|
||||
position: relative;
|
||||
padding-right: 24px;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
i{
|
||||
font-size: @font-size-small;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
}
|
||||
|
||||
&-active{
|
||||
background-color: @background-color-select-hover;
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{form-item-prefix-cls}-error{
|
||||
.@{cascader-prefix-cls} {
|
||||
&-arrow{
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
@checkbox-prefix-cls: ~"@{css-prefix}checkbox";
|
||||
.checkboxFn();
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
@circle-prefix-cls: ~"@{css-prefix}chart-circle";
|
||||
|
||||
.@{circle-prefix-cls}{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
||||
&-inner {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
@collapse-prefix-cls: ~"@{css-prefix}collapse";
|
||||
|
||||
.@{collapse-prefix-cls}{
|
||||
background-color: @background-color-base;
|
||||
border-radius: 3px;
|
||||
border: 1px solid @border-color-base;
|
||||
|
||||
& > &-item{
|
||||
border-top: 1px solid @border-color-base;
|
||||
&:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
> .@{collapse-prefix-cls}-header{
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
padding-left: 32px;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
> i{
|
||||
transition: transform @transition-time @ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
& > &-item&-item-active > &-header > i{
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
&-content{
|
||||
//display: none;
|
||||
overflow: hidden;
|
||||
color: @text-color;
|
||||
padding: 0 16px;
|
||||
background-color: #fff;
|
||||
|
||||
& > &-box {
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
}
|
||||
&-item-active > &-content{
|
||||
//display: block;
|
||||
}
|
||||
&-item:last-child {
|
||||
> .@{collapse-prefix-cls}-content {
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,270 +0,0 @@
|
|||
@date-picker-prefix-cls: ~"@{css-prefix}date-picker";
|
||||
@picker-prefix-cls: ~"@{css-prefix}picker";
|
||||
|
||||
@date-picker-cells-width: 196px;
|
||||
|
||||
.@{date-picker-prefix-cls} {
|
||||
//position: relative;
|
||||
line-height: normal;
|
||||
&-rel{
|
||||
position: relative;
|
||||
}
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
max-height: none;
|
||||
}
|
||||
&-cells{
|
||||
width: @date-picker-cells-width;
|
||||
margin: 10px;
|
||||
span{
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
|
||||
em{
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
margin: 2px;
|
||||
font-style: normal;
|
||||
border-radius: @btn-border-radius-small;
|
||||
text-align: center;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
}
|
||||
&-header span{
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
margin: 2px;
|
||||
color: @btn-disable-color;
|
||||
}
|
||||
&-cell{
|
||||
span&{
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
cursor: pointer;
|
||||
}
|
||||
&:hover{
|
||||
em{
|
||||
background: @date-picker-cell-hover-bg;
|
||||
}
|
||||
}
|
||||
&-prev-month,&-next-month{
|
||||
em{
|
||||
color: @btn-disable-color;
|
||||
}
|
||||
&:hover{
|
||||
em{
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
span&-disabled,span&-disabled:hover{
|
||||
cursor: @cursor-disabled;
|
||||
background: @btn-disable-bg;
|
||||
color: @btn-disable-color;
|
||||
em{
|
||||
color: inherit;
|
||||
background: inherit;
|
||||
}
|
||||
}
|
||||
&-today{
|
||||
em {
|
||||
position: relative;
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 50%;
|
||||
background: @primary-color;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-range{
|
||||
position: relative;
|
||||
em{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
&:before{
|
||||
content: '';
|
||||
display: block;
|
||||
background: @date-picker-cell-hover-bg;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
bottom: 2px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
&-selected,&-selected:hover
|
||||
{
|
||||
em{
|
||||
background: @primary-color;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
span&-disabled&-selected{
|
||||
em {
|
||||
background: @btn-disable-color;
|
||||
color: @btn-disable-bg;
|
||||
}
|
||||
}
|
||||
&-today&-selected
|
||||
{
|
||||
em{
|
||||
&:after{
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-cells-year,&-cells-month{
|
||||
margin-top: 14px;
|
||||
span{
|
||||
width: 40px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
margin: 10px 12px;
|
||||
border-radius: @btn-border-radius-small;
|
||||
em{
|
||||
width: 40px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-header{
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
&-label{
|
||||
cursor: pointer;
|
||||
transition: color @transition-time @ease-in-out;
|
||||
&:hover{
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-prev-btn{
|
||||
float: left;
|
||||
&-arrow-double{
|
||||
margin-left: 10px;
|
||||
i:after{
|
||||
content: "\F3D2";
|
||||
}
|
||||
}
|
||||
}
|
||||
&-next-btn{
|
||||
float: right;
|
||||
&-arrow-double{
|
||||
margin-right: 10px;
|
||||
i:after{
|
||||
content: "\F3D3";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-with-range{
|
||||
.@{picker-prefix-cls}-panel{
|
||||
&-body{
|
||||
min-width: (@date-picker-cells-width + 20) * 2;
|
||||
}
|
||||
&-content{
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls} {
|
||||
&-panel{
|
||||
&-icon-btn{
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
line-height: 26px;
|
||||
margin-top: 4px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
color: @btn-disable-color;
|
||||
transition: color @transition-time @ease-in-out;
|
||||
&:hover{
|
||||
color: @primary-color;
|
||||
}
|
||||
i{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
&-body-wrapper&-with-sidebar{
|
||||
padding-left: 92px;
|
||||
}
|
||||
&-sidebar{
|
||||
width: 92px;
|
||||
float: left;
|
||||
margin-left: -92px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: @table-thead-bg;
|
||||
border-right: 1px solid @border-color-split;
|
||||
border-radius: @border-radius-small 0 0 @border-radius-small;
|
||||
overflow: auto;
|
||||
}
|
||||
&-shortcut{
|
||||
padding: @btn-padding-large;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover{
|
||||
background: @border-color-split;
|
||||
}
|
||||
}
|
||||
&-body{
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
&-confirm{
|
||||
border-top: 1px solid @border-color-split;
|
||||
text-align: right;
|
||||
padding: 8px;
|
||||
clear: both;
|
||||
& > span{
|
||||
color: @link-color;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
float: left;
|
||||
padding: 2px 0;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
&:hover{
|
||||
color: @link-hover-color;
|
||||
}
|
||||
&:active{
|
||||
color: @link-active-color;
|
||||
}
|
||||
}
|
||||
& > span&-time-disabled{
|
||||
color: @btn-disable-color;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
@dropdown-prefix-cls: ~"@{css-prefix}dropdown";
|
||||
@dropdown-item-prefix-cls: ~"@{dropdown-prefix-cls}-item";
|
||||
|
||||
.@{dropdown-prefix-cls} {
|
||||
display: inline-block;
|
||||
//position: relative;
|
||||
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
overflow: visible;
|
||||
max-height: none;
|
||||
}
|
||||
.@{dropdown-prefix-cls} {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&-rel{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-menu{
|
||||
min-width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.select-item(@dropdown-prefix-cls, @dropdown-item-prefix-cls);
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
@form-prefix-cls: ~"@{css-prefix}form";
|
||||
@form-item-prefix-cls: ~"@{form-prefix-cls}-item";
|
||||
|
||||
.@{form-prefix-cls} {
|
||||
.@{form-item-prefix-cls}-label {
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
font-size: @font-size-small;
|
||||
color: @text-color;
|
||||
line-height: 1;
|
||||
padding: 10px 12px 10px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
&-label-left .@{form-item-prefix-cls}-label {
|
||||
text-align: left;
|
||||
}
|
||||
&-label-top .@{form-item-prefix-cls}-label {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
padding: 0 0 10px 0;
|
||||
}
|
||||
&-inline{
|
||||
.@{form-item-prefix-cls} {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{form-item-prefix-cls} {
|
||||
margin-bottom: 24px;
|
||||
vertical-align: top;
|
||||
.clearfix();
|
||||
&-content {
|
||||
position: relative;
|
||||
line-height: 32px;
|
||||
font-size: @font-size-small;
|
||||
}
|
||||
& & {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
& & &-content {
|
||||
margin-left: 0!important;
|
||||
}
|
||||
|
||||
&-error-tip{
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
line-height: 1;
|
||||
padding-top: 6px;
|
||||
color: @error-color;
|
||||
}
|
||||
|
||||
&-required {
|
||||
.@{form-item-prefix-cls}-label:before {
|
||||
content: '*';
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
line-height: 1;
|
||||
font-family: SimSun;
|
||||
font-size: @font-size-small;
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
&-error {
|
||||
// todo
|
||||
}
|
||||
}
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
@import "button";
|
||||
@import "affix";
|
||||
@import "back-top";
|
||||
@import "badge";
|
||||
@import "circle";
|
||||
@import "spin";
|
||||
@import "alert";
|
||||
@import "collapse";
|
||||
@import "card";
|
||||
@import "message";
|
||||
@import "notice";
|
||||
@import "radio";
|
||||
@import "checkbox";
|
||||
@import "switch";
|
||||
@import "input-number";
|
||||
@import "tag";
|
||||
@import "loading-bar";
|
||||
@import "progress";
|
||||
@import "timeline";
|
||||
@import "page";
|
||||
@import "steps";
|
||||
@import "modal";
|
||||
@import "select";
|
||||
@import "select-dropdown";
|
||||
@import "tooltip";
|
||||
@import "poptip";
|
||||
@import "input";
|
||||
@import "slider";
|
||||
@import "cascader";
|
||||
@import "transfer";
|
||||
@import "table";
|
||||
@import "dropdown";
|
||||
@import "tabs";
|
||||
@import "menu";
|
||||
@import "date-picker";
|
||||
@import "time-picker";
|
||||
@import "form";
|
||||
@import "carousel";
|
||||
@import "rate";
|
||||
@import "upload";
|
||||
@import "tree";
|
||||
|
|
@ -1,195 +0,0 @@
|
|||
@input-number-prefix-cls: ~"@{css-prefix}input-number";
|
||||
|
||||
.handler-disabled() {
|
||||
opacity: 0.72;
|
||||
color: #ccc !important;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
|
||||
.@{input-number-prefix-cls} {
|
||||
@radius-wrap: 0 @btn-border-radius @btn-border-radius 0;
|
||||
|
||||
.input;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 80px;
|
||||
height: @input-height-base;
|
||||
line-height: @input-height-base;
|
||||
vertical-align: middle;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: @btn-border-radius;
|
||||
overflow: hidden;
|
||||
|
||||
&-handler-wrap {
|
||||
width: 22px;
|
||||
height: 100%;
|
||||
border-left: 1px solid @border-color-base;
|
||||
border-radius: @radius-wrap;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
opacity: 0;
|
||||
transition: opacity @transition-time @ease-in-out;
|
||||
}
|
||||
|
||||
&:hover &-handler-wrap {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-handler-up {
|
||||
cursor: pointer;
|
||||
&-inner {
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
&-handler-down {
|
||||
border-top: 1px solid @border-color-base;
|
||||
top: -1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&-handler {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: @input-height-base / 2;
|
||||
line-height: 0;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
color: #999;
|
||||
position: relative;
|
||||
|
||||
&:hover &-up-inner,
|
||||
&:hover &-down-inner {
|
||||
color: tint(@primary-color, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
&-handler-up-inner,
|
||||
&-handler-down-inner {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
line-height: 12px;
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
transition: all @transition-time linear;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.hover();
|
||||
}
|
||||
|
||||
&-focused {
|
||||
.active();
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
.disabled();
|
||||
}
|
||||
|
||||
&-input-wrap {
|
||||
overflow: hidden;
|
||||
height: @input-height-base;
|
||||
}
|
||||
|
||||
&-input {
|
||||
width: 100%;
|
||||
height: @input-height-base;
|
||||
line-height: @input-height-base;
|
||||
padding: 0 7px;
|
||||
text-align: left;
|
||||
outline: 0;
|
||||
-moz-appearance: textfield;
|
||||
color: #666;
|
||||
border: 0;
|
||||
border-radius: @btn-border-radius;
|
||||
transition: all @transition-time linear;
|
||||
|
||||
&[disabled] {
|
||||
.disabled();
|
||||
}
|
||||
}
|
||||
|
||||
&-large {
|
||||
padding: 0;
|
||||
.@{input-number-prefix-cls}-input-wrap {
|
||||
height: @input-height-large;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler {
|
||||
height: @input-height-large / 2;
|
||||
}
|
||||
|
||||
input {
|
||||
height: @input-height-large;
|
||||
line-height: @input-height-large;
|
||||
}
|
||||
|
||||
.@{input-number-prefix-cls}-handler-up-inner {
|
||||
top: 2px;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler-down-inner {
|
||||
bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&-small {
|
||||
padding: 0;
|
||||
.@{input-number-prefix-cls}-input-wrap {
|
||||
height: @input-height-small;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler {
|
||||
height: @input-height-small / 2;
|
||||
}
|
||||
|
||||
input {
|
||||
height: @input-height-small;
|
||||
line-height: @input-height-small;
|
||||
margin-top: -1px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler-up-inner {
|
||||
top: -1px;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler-down-inner {
|
||||
bottom: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
&-handler-down-disabled,
|
||||
&-handler-up-disabled,
|
||||
&-disabled {
|
||||
.@{input-number-prefix-cls}-handler-down-inner,
|
||||
.@{input-number-prefix-cls}-handler-up-inner {
|
||||
.handler-disabled();
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
.@{input-number-prefix-cls}-input {
|
||||
opacity: 0.72;
|
||||
cursor: @cursor-disabled;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler-wrap {
|
||||
display: none;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler {
|
||||
.handler-disabled();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{form-item-prefix-cls}-error {
|
||||
.@{input-number-prefix-cls}{
|
||||
.input-error;
|
||||
&-focused {
|
||||
.active-error;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,68 +0,0 @@
|
|||
@input-prefix-cls: ~"@{css-prefix}input";
|
||||
|
||||
.@{input-prefix-cls} {
|
||||
.input;
|
||||
&-wrapper{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&-icon {
|
||||
width: 32px;
|
||||
height: @input-height-base;
|
||||
line-height: @input-height-base;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
color: @subsidiary-color;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
&-icon-validate{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-icon + &{
|
||||
padding-right: 32px;
|
||||
}
|
||||
|
||||
&-wrapper-large &-icon{
|
||||
font-size: 18px;
|
||||
height: @input-height-large;
|
||||
line-height: @input-height-large;
|
||||
}
|
||||
&-wrapper-small &-icon{
|
||||
width: 24px;
|
||||
font-size: 14px;
|
||||
height: @input-height-small;
|
||||
line-height: @input-height-small;
|
||||
|
||||
+ .@{input-prefix-cls} {
|
||||
padding-right: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{input-prefix-cls}-group{
|
||||
.input-group(~"@{input-prefix-cls}");
|
||||
}
|
||||
|
||||
.@{form-item-prefix-cls}-error{
|
||||
.@{input-prefix-cls}{
|
||||
.input-error;
|
||||
&-icon{
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
.@{input-prefix-cls}-group{
|
||||
.input-group-error;
|
||||
}
|
||||
}
|
||||
.@{form-item-prefix-cls}-validating{
|
||||
.@{input-prefix-cls}{
|
||||
&-icon-validate{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
@loading-bar-prefix-cls: ~"@{css-prefix}loading-bar";
|
||||
|
||||
.@{loading-bar-prefix-cls} {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: @zindex-loading-bar;
|
||||
|
||||
&-inner {
|
||||
transition: width @transition-time linear;
|
||||
|
||||
&-color-primary {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
|
||||
&-failed-color-error {
|
||||
background-color: @error-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,235 +0,0 @@
|
|||
@menu-prefix-cls: ~"@{css-prefix}menu";
|
||||
@menu-dropdown-item-prefix-cls: ~"@{menu-prefix-cls}-horizontal .@{menu-prefix-cls}-submenu .@{select-dropdown-prefix-cls} .@{menu-prefix-cls}-item";
|
||||
|
||||
.@{menu-prefix-cls} {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
list-style: none;
|
||||
color: @text-color;
|
||||
font-size: @font-size-base;
|
||||
position: relative;
|
||||
|
||||
&-horizontal{
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
|
||||
&.@{menu-prefix-cls}-light{
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: @border-color-base;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-vertical{
|
||||
&.@{menu-prefix-cls}-light{
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background: @border-color-base;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-light{
|
||||
background: #fff;
|
||||
}
|
||||
&-dark{
|
||||
background: @title-color;
|
||||
}
|
||||
&-primary{
|
||||
background: @primary-color;
|
||||
}
|
||||
|
||||
&-item{
|
||||
display: block;
|
||||
outline: none;
|
||||
list-style: none;
|
||||
font-size: @font-size-base;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
cursor: pointer;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
&-item > i{
|
||||
margin-right: 6px;
|
||||
}
|
||||
&-submenu-title > i, &-submenu-title span > i{
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
&-horizontal &-item,
|
||||
&-horizontal &-submenu
|
||||
{
|
||||
float: left;
|
||||
padding: 0 20px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
z-index: 3;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
|
||||
&-light&-horizontal &-item, &-light&-horizontal &-submenu{
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
border-bottom: 2px solid transparent;
|
||||
color: @text-color;
|
||||
&-active, &:hover{
|
||||
color: @primary-color;
|
||||
border-bottom: 2px solid @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-dark&-horizontal &-item, &-dark&-horizontal &-submenu{
|
||||
color: @subsidiary-color;
|
||||
&-active, &:hover{
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&-primary&-horizontal &-item, &-primary&-horizontal &-submenu{
|
||||
color: #fff;
|
||||
&-active, &:hover{
|
||||
background: @link-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-horizontal &-submenu .@{select-dropdown-prefix-cls} {
|
||||
min-width: 100%;
|
||||
width: auto;
|
||||
max-height: none;
|
||||
.@{menu-prefix-cls}-item{
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
border-bottom: 0;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-item-group{
|
||||
line-height: normal;
|
||||
&-title {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding-left: 8px;
|
||||
font-size: @font-size-small;
|
||||
color: @legend-color;
|
||||
}
|
||||
|
||||
& > ul{
|
||||
padding: 0 !important;
|
||||
list-style: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
// vertical
|
||||
&-vertical &-item,
|
||||
&-vertical &-submenu-title
|
||||
{
|
||||
padding: 14px 24px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
&:hover{
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
}
|
||||
|
||||
&-vertical &-submenu-title-icon{
|
||||
float: right;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
}
|
||||
&-submenu-title-icon {
|
||||
transition: transform @transition-time @ease-in-out;
|
||||
}
|
||||
&-opened &-submenu-title-icon{
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
&-vertical &-submenu &-item{
|
||||
padding-left: 43px;
|
||||
}
|
||||
&-vertical &-item-group{
|
||||
&-title{
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
font-size: @font-size-base;
|
||||
padding-left: 28px;
|
||||
}
|
||||
}
|
||||
&-dark&-vertical &-item-group{
|
||||
&-title{
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-light&-vertical &-item{
|
||||
border-right: 2px solid transparent;
|
||||
&-active:not(.@{menu-prefix-cls}-submenu){
|
||||
color: @primary-color;
|
||||
border-right: 2px solid @primary-color;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
&-dark&-vertical &-item, &-dark&-vertical &-submenu-title{
|
||||
color: @subsidiary-color;
|
||||
&-active:not(.@{menu-prefix-cls}-submenu),
|
||||
&-active:not(.@{menu-prefix-cls}-submenu):hover
|
||||
{
|
||||
background: @menu-dark-active-bg;
|
||||
}
|
||||
&:hover{
|
||||
color: #fff;
|
||||
background: @title-color;
|
||||
}
|
||||
&-active:not(.@{menu-prefix-cls}-submenu){
|
||||
color: @primary-color;
|
||||
border-right: 2px solid @primary-color;
|
||||
}
|
||||
}
|
||||
&-dark&-vertical &-submenu &-item{
|
||||
&:hover{
|
||||
color: #fff;
|
||||
background: transparent !important;
|
||||
}
|
||||
&-active,&-active:hover{
|
||||
border-right: none;
|
||||
color: #fff;
|
||||
background: @primary-color !important;
|
||||
}
|
||||
}
|
||||
&-dark&-vertical &-item-active &-submenu-title{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&-dark&-vertical &-opened{
|
||||
background: @menu-dark-active-bg;
|
||||
.@{menu-prefix-cls}-submenu-title{
|
||||
background: @title-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.select-item(@menu-prefix-cls, @menu-dropdown-item-prefix-cls);
|
||||
|
||||
.@{menu-dropdown-item-prefix-cls} {
|
||||
padding: 7px 16px 8px;
|
||||
font-size: @font-size-base !important;
|
||||
}
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
@message-prefix-cls: ~"@{css-prefix}message";
|
||||
@icon-prefix-cls: ~"@{css-prefix}icon";
|
||||
|
||||
.@{message-prefix-cls} {
|
||||
font-size: @font-size-small;
|
||||
position: fixed;
|
||||
z-index: @zindex-message;
|
||||
width: 100%;
|
||||
top: 16px;
|
||||
left: 0;
|
||||
|
||||
&-notice {
|
||||
width: auto;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
&-notice-content {
|
||||
position: relative;
|
||||
right: 50%;
|
||||
padding: 8px 16px;
|
||||
//border: 1px solid @border-color-split;
|
||||
border-radius: @border-radius-small;
|
||||
box-shadow: @shadow-base;
|
||||
background: #fff;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-success .@{icon-prefix-cls} {
|
||||
color: @success-color;
|
||||
}
|
||||
|
||||
&-error .@{icon-prefix-cls} {
|
||||
color: @error-color;
|
||||
}
|
||||
|
||||
&-warning .@{icon-prefix-cls} {
|
||||
color: @warning-color;
|
||||
}
|
||||
|
||||
&-info .@{icon-prefix-cls},
|
||||
&-loading .@{icon-prefix-cls} {
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
.@{icon-prefix-cls} {
|
||||
margin-right: 8px;
|
||||
font-size: 14px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,134 +0,0 @@
|
|||
@modal-prefix-cls: ~"@{css-prefix}modal";
|
||||
@confirm-prefix-cls: ~"@{css-prefix}modal-confirm";
|
||||
|
||||
.@{modal-prefix-cls} {
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
outline: none;
|
||||
top: 100px;
|
||||
|
||||
&-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
&-wrap {
|
||||
position: fixed;
|
||||
overflow: auto;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: @zindex-modal;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&-wrap * {
|
||||
box-sizing: border-box;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
&-mask {
|
||||
.mask;
|
||||
}
|
||||
|
||||
&-content {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
border: 0;
|
||||
border-radius: @border-radius-base;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
&-header {
|
||||
.content-header;
|
||||
}
|
||||
|
||||
&-close {
|
||||
.content-close(1px, 31px);
|
||||
}
|
||||
|
||||
&-body {
|
||||
padding: 16px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
&-footer {
|
||||
border-top: 1px solid @border-color-split;
|
||||
padding: 12px 18px 12px 18px;
|
||||
text-align: right;
|
||||
button + button {
|
||||
margin-left: 8px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.@{modal-prefix-cls} {
|
||||
width: auto !important;
|
||||
margin: 10px;
|
||||
}
|
||||
.vertical-center-modal {
|
||||
.@{modal-prefix-cls} {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{confirm-prefix-cls} {
|
||||
padding: 0 4px;
|
||||
&-head {
|
||||
|
||||
&-title {
|
||||
display: inline-block;
|
||||
font-size: @font-size-base;
|
||||
color: @title-color;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
&-body{
|
||||
margin-top: 6px;
|
||||
padding-left: 48px;
|
||||
padding-top: 18px;
|
||||
font-size: @font-size-small;
|
||||
color: @text-color;
|
||||
position: relative;
|
||||
|
||||
&-icon {
|
||||
font-size: 36px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
&-info {
|
||||
color: @primary-color;
|
||||
}
|
||||
&-success {
|
||||
color: @success-color;
|
||||
}
|
||||
&-warning {
|
||||
color: @warning-color;
|
||||
}
|
||||
&-error {
|
||||
color: @error-color;
|
||||
}
|
||||
&-confirm {
|
||||
color: @warning-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-footer{
|
||||
margin-top: 40px;
|
||||
text-align: right;
|
||||
|
||||
button + button {
|
||||
margin-left: 8px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,132 +0,0 @@
|
|||
@notice-prefix-cls: ~"@{css-prefix}notice";
|
||||
@icon-prefix-cls: ~"@{css-prefix}icon";
|
||||
|
||||
@notice-width: 335px;
|
||||
@notice-padding: 16px;
|
||||
@notice-margin-bottom: 10px;
|
||||
|
||||
.@{notice-prefix-cls} {
|
||||
width: @notice-width;
|
||||
margin-right: 24px;
|
||||
position: fixed;
|
||||
z-index: @zindex-notification;
|
||||
|
||||
&-notice {
|
||||
margin-bottom: @notice-margin-bottom;
|
||||
padding: @notice-padding;
|
||||
//border: 1px solid @border-color-split;
|
||||
border-radius: @border-radius-small;
|
||||
box-shadow: @shadow-base;
|
||||
background: #fff;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
&-close {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 15px;
|
||||
color: #999;
|
||||
outline: none;
|
||||
|
||||
i{
|
||||
.close-base(-3px);
|
||||
}
|
||||
}
|
||||
|
||||
&-with-desc{
|
||||
.@{notice-prefix-cls}-notice-close{
|
||||
top: 11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-size: @font-size-base;
|
||||
color: @title-color;
|
||||
padding-right: 10px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
&-with-desc &-title{
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
&-with-desc&-with-icon &-title{
|
||||
margin-left: 51px;
|
||||
}
|
||||
|
||||
&-desc {
|
||||
font-size: 12px;
|
||||
color: @legend-color;
|
||||
text-align: justify;
|
||||
line-height: 1.5;
|
||||
}
|
||||
&-with-desc&-with-icon &-desc{
|
||||
margin-left: 51px;
|
||||
}
|
||||
|
||||
&-with-icon &-title{
|
||||
margin-left: 26px;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
margin-top: -1px;
|
||||
font-size: 16px;
|
||||
|
||||
&-success {
|
||||
color: @success-color;
|
||||
}
|
||||
&-info {
|
||||
color: @primary-color;
|
||||
}
|
||||
&-warning {
|
||||
color: @warning-color;
|
||||
}
|
||||
&-error {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
&-with-desc &-icon{
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
&-custom-content{
|
||||
&:after{
|
||||
content: "";
|
||||
display: block;
|
||||
width: 4px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
&-with-normal{
|
||||
&:after{
|
||||
background: @primary-color;
|
||||
}
|
||||
}
|
||||
&-with-info{
|
||||
&:after{
|
||||
background: @primary-color;
|
||||
}
|
||||
}
|
||||
&-with-success{
|
||||
&:after{
|
||||
background: @success-color;
|
||||
}
|
||||
}
|
||||
&-with-warning{
|
||||
&:after{
|
||||
background: @warning-color;
|
||||
}
|
||||
}
|
||||
&-with-error{
|
||||
&:after{
|
||||
background: @error-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,269 +0,0 @@
|
|||
@page-prefix-cls: ~"@{css-prefix}page";
|
||||
|
||||
.@{page-prefix-cls} {
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
&-item {
|
||||
float: left;
|
||||
min-width: @btn-circle-size;
|
||||
height: @btn-circle-size;
|
||||
line-height: @btn-circle-size - 2px;
|
||||
margin-right: 4px;
|
||||
text-align: center;
|
||||
list-style: none;
|
||||
background-color: #fff;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
font-family: Arial;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: @btn-border-radius;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
a {
|
||||
margin: 0 6px;
|
||||
text-decoration: none;
|
||||
color: @text-color;
|
||||
//transition: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: @primary-color;
|
||||
a {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-active {
|
||||
background-color: @primary-color;
|
||||
border-color: @primary-color;
|
||||
|
||||
a, &:hover a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-item-jump-prev, &-item-jump-next {
|
||||
&:after {
|
||||
content: "•••";
|
||||
display: block;
|
||||
letter-spacing: 1px;
|
||||
color: #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
i{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&:after{
|
||||
display: none;
|
||||
}
|
||||
i{
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-item-jump-prev:hover {
|
||||
i:after {
|
||||
content: "\F3D2";
|
||||
}
|
||||
}
|
||||
|
||||
&-item-jump-next:hover {
|
||||
i:after {
|
||||
content: "\F3D3";
|
||||
}
|
||||
}
|
||||
|
||||
&-prev{
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
&-item-jump-prev,
|
||||
&-item-jump-next{
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
&-next{
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
&-prev,
|
||||
&-next,
|
||||
&-item-jump-prev,
|
||||
&-item-jump-next {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
min-width: @btn-circle-size;
|
||||
height: @btn-circle-size;
|
||||
line-height: @btn-circle-size - 2px;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
color: #666;
|
||||
font-family: Arial;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: @btn-border-radius;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
|
||||
&-prev,
|
||||
&-next {
|
||||
background-color: #fff;
|
||||
|
||||
a {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: @primary-color;
|
||||
|
||||
a {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
cursor: @cursor-disabled;
|
||||
a {
|
||||
color: #ccc;
|
||||
}
|
||||
&:hover {
|
||||
border-color: @border-color-base;
|
||||
a {
|
||||
color: #ccc;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-options {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
&-sizer {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
&-elevator {
|
||||
float: left;
|
||||
height: @btn-circle-size;
|
||||
line-height: @btn-circle-size;
|
||||
|
||||
input {
|
||||
.input;
|
||||
border-radius: @btn-border-radius;
|
||||
margin: 0 8px;
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-total {
|
||||
float: left;
|
||||
height: @btn-circle-size;
|
||||
line-height: @btn-circle-size;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
&-simple &-prev,
|
||||
&-simple &-next {
|
||||
margin: 0;
|
||||
border: 0;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
&-simple &-simple-pager {
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
|
||||
input {
|
||||
width: 30px;
|
||||
height: 24px;
|
||||
margin: 0 8px;
|
||||
padding: 5px 8px;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
outline: none;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: @btn-border-radius;
|
||||
transition: border-color @transition-time @ease-in-out;
|
||||
|
||||
&:hover {
|
||||
border-color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
span{
|
||||
padding: 0 8px 0 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{page-prefix-cls} {
|
||||
&.mini &-total {
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
}
|
||||
|
||||
&.mini &-item {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
min-width: @btn-circle-size-small;
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
border-radius: @btn-border-radius-small;
|
||||
}
|
||||
|
||||
&.mini &-prev,
|
||||
&.mini &-next {
|
||||
margin: 0;
|
||||
min-width: @btn-circle-size-small;
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
border: 0;
|
||||
|
||||
a {
|
||||
i:after {
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.mini &-item-jump-prev,
|
||||
&.mini &-item-jump-next {
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
border: none;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&.mini &-options {
|
||||
margin-left: 8px;
|
||||
&-elevator {
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
|
||||
input {
|
||||
.input-small;
|
||||
width: 44px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,146 +0,0 @@
|
|||
@poptip-prefix-cls: ~"@{css-prefix}poptip";
|
||||
@poptip-arrow: ~"@{poptip-prefix-cls}-arrow";
|
||||
@poptip-max-width: 250px;
|
||||
@poptip-arrow-width: 5px;
|
||||
@poptip-arrow-outer-width: (@poptip-arrow-width + 1);
|
||||
@poptip-distance: @poptip-arrow-width - 1 + 4;
|
||||
//@poptip-arrow-color: fadein(@border-color-base, 5%);
|
||||
@poptip-arrow-color: hsla(0,0%,85%,.5);
|
||||
|
||||
.@{poptip-prefix-cls} {
|
||||
display: inline-block;
|
||||
|
||||
&-rel{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin: 0;
|
||||
padding: 8px 16px;
|
||||
position: relative;
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
bottom: 0;
|
||||
background-color: @border-color-split;
|
||||
}
|
||||
|
||||
&-inner{
|
||||
color: @title-color;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
}
|
||||
|
||||
&-body{
|
||||
padding: 8px 16px;
|
||||
|
||||
&-content{
|
||||
overflow: auto;
|
||||
|
||||
&-inner{
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-inner{
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
//border: 1px solid @border-color-split;
|
||||
border-radius: @border-radius-small;
|
||||
box-shadow: @shadow-base;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&-popper{
|
||||
min-width: 150px;
|
||||
font-size: @font-size-small;
|
||||
.popper(@poptip-arrow, @poptip-arrow-width, @poptip-distance, @poptip-arrow-color);
|
||||
|
||||
&[x-placement^="top"] .@{poptip-arrow}:after {
|
||||
content: " ";
|
||||
bottom: 1px;
|
||||
margin-left: -@poptip-arrow-width;
|
||||
border-bottom-width: 0;
|
||||
border-top-color: #fff;
|
||||
}
|
||||
|
||||
&[x-placement^="right"] .@{poptip-arrow}:after {
|
||||
content: " ";
|
||||
left: 1px;
|
||||
bottom: -@poptip-arrow-width;
|
||||
border-left-width: 0;
|
||||
border-right-color: #fff;
|
||||
}
|
||||
|
||||
&[x-placement^="bottom"] .@{poptip-arrow}:after {
|
||||
content: " ";
|
||||
top: 1px;
|
||||
margin-left: -@poptip-arrow-width;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
&[x-placement^="left"] .@{poptip-arrow}:after {
|
||||
content: " ";
|
||||
right: 1px;
|
||||
border-right-width: 0;
|
||||
border-left-color: #fff;
|
||||
bottom: -@poptip-arrow-width;
|
||||
}
|
||||
}
|
||||
|
||||
&-arrow{
|
||||
&, &:after{
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
}
|
||||
&-arrow {
|
||||
border-width: @poptip-arrow-outer-width;
|
||||
}
|
||||
&-arrow:after{
|
||||
content: "";
|
||||
border-width: @poptip-arrow-width;
|
||||
}
|
||||
|
||||
&-confirm &-popper{
|
||||
max-width: 300px;
|
||||
}
|
||||
&-confirm &-inner{
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
&-confirm &-body{
|
||||
padding: 16px 16px 8px;
|
||||
.ivu-icon{
|
||||
font-size: 16px;
|
||||
color: @warning-color;
|
||||
line-height: 18px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&-message{
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&-confirm &-footer{
|
||||
text-align: right;
|
||||
padding: 8px 16px 16px;
|
||||
button {
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,87 +0,0 @@
|
|||
@progress-prefix-cls: ~"@{css-prefix}progress";
|
||||
|
||||
.@{progress-prefix-cls} {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
font-size: @font-size-small;
|
||||
position: relative;
|
||||
|
||||
&-outer {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
|
||||
.@{progress-prefix-cls}-show-info & {
|
||||
padding-right: 55px;
|
||||
margin-right: -55px;
|
||||
}
|
||||
}
|
||||
|
||||
&-inner {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 100px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&-bg {
|
||||
border-radius: 100px;
|
||||
background-color: @info-color;
|
||||
transition: all @transition-time linear;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-text {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
text-align: left;
|
||||
font-size: 1em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&-active {
|
||||
.@{progress-prefix-cls}-bg:before {
|
||||
content: '';
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
animation: ivu-progress-active 2s @ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
|
||||
&-wrong {
|
||||
.@{progress-prefix-cls}-bg {
|
||||
background-color: @error-color;
|
||||
}
|
||||
.@{progress-prefix-cls}-text {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-success {
|
||||
.@{progress-prefix-cls}-bg {
|
||||
background-color: @success-color;
|
||||
}
|
||||
.@{progress-prefix-cls}-text {
|
||||
color: @success-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivu-progress-active {
|
||||
0% {
|
||||
opacity: .3;
|
||||
width: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,268 +0,0 @@
|
|||
@radio-prefix-cls: ~"@{css-prefix}radio";
|
||||
@radio-group-prefix-cls: ~"@{radio-prefix-cls}-group";
|
||||
@radio-inner-prefix-cls: ~"@{radio-prefix-cls}-inner";
|
||||
@radio-group-button-prefix-cls: ~"@{radio-group-prefix-cls}-button";
|
||||
|
||||
.@{radio-group-prefix-cls} {
|
||||
display: inline-block;
|
||||
font-size: @font-size-small;
|
||||
&-vertical{
|
||||
.@{radio-prefix-cls}-wrapper {
|
||||
display: block;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 普通状态
|
||||
.@{radio-prefix-cls}-wrapper {
|
||||
font-size: @font-size-small;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
margin-right: 8px;
|
||||
cursor: pointer;
|
||||
&-disabled{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls} {
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
white-space: nowrap;
|
||||
outline: none;
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: #bcbcbc;
|
||||
}
|
||||
}
|
||||
&-inner {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: 50%;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
border-radius: @border-radius-base;
|
||||
display: table;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
content: ' ';
|
||||
background-color: @primary-color;
|
||||
opacity: 0;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
transform: scale(0);
|
||||
}
|
||||
}
|
||||
|
||||
&-input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// 选中状态
|
||||
.@{radio-prefix-cls}-checked {
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: @primary-color;
|
||||
&:after {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls}-disabled {
|
||||
cursor: @cursor-disabled;
|
||||
.@{radio-prefix-cls}-input {
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: @border-color-base;
|
||||
}
|
||||
}
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: @border-color-base;
|
||||
background-color: #f3f3f3;
|
||||
&:after {
|
||||
background-color: #cccccc;
|
||||
}
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls}-disabled + span {
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
span.@{radio-prefix-cls} + * {
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
// 按钮样式
|
||||
.@{radio-group-button-prefix-cls} {
|
||||
font-size: 0;
|
||||
-webkit-text-size-adjust:none;
|
||||
|
||||
.@{radio-prefix-cls}{
|
||||
width: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls}-wrapper {
|
||||
display: inline-block;
|
||||
height: @btn-circle-size;
|
||||
line-height: @btn-circle-size - 2px;
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
font-size: @font-size-small;
|
||||
color: @btn-default-color;
|
||||
transition: all @transition-time ease-in-out;
|
||||
cursor: pointer;
|
||||
border: 1px solid @border-color-base;
|
||||
border-left: 0;
|
||||
background: #fff;
|
||||
|
||||
> span {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
left: -1px;
|
||||
background: @border-color-base;
|
||||
visibility: hidden;
|
||||
transition: all @transition-time ease-in-out;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-radius: @btn-border-radius 0 0 @btn-border-radius;
|
||||
border-left: 1px solid @border-color-base;
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 @btn-border-radius @btn-border-radius 0;
|
||||
}
|
||||
|
||||
&:first-child:last-child {
|
||||
border-radius: @btn-border-radius;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
position: relative;
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls}-inner,
|
||||
input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
&-checked {
|
||||
background: #fff;
|
||||
border-color: @primary-color;
|
||||
color: @primary-color;
|
||||
box-shadow: -1px 0 0 0 @primary-color;
|
||||
|
||||
&:first-child {
|
||||
border-color: @primary-color;
|
||||
box-shadow: none!important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: tint(@primary-color, 20%);
|
||||
box-shadow: -1px 0 0 0 tint(@primary-color, 20%);
|
||||
color: tint(@primary-color, 20%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
border-color: shade(@primary-color, 5%);
|
||||
box-shadow: -1px 0 0 0 shade(@primary-color, 5%);
|
||||
color: shade(@primary-color, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
border-color: @border-color-base;
|
||||
background-color: @background-color-base;
|
||||
cursor: @cursor-disabled;
|
||||
color: #ccc;
|
||||
|
||||
&:first-child,
|
||||
&:hover {
|
||||
border-color: @border-color-base;
|
||||
background-color: @background-color-base;
|
||||
color: #ccc;
|
||||
}
|
||||
&:first-child {
|
||||
border-left-color: @border-color-base;
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled.@{radio-prefix-cls}-wrapper-checked {
|
||||
color: #fff;
|
||||
background-color: #e6e6e6;
|
||||
border-color: @border-color-base;
|
||||
box-shadow: none!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{radio-group-button-prefix-cls}.@{radio-group-prefix-cls}-large .@{radio-prefix-cls}-wrapper{
|
||||
height: @btn-circle-size-large;
|
||||
line-height: @btn-circle-size-large - 2px;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
|
||||
.@{radio-group-button-prefix-cls}.@{radio-group-prefix-cls}-small .@{radio-prefix-cls}-wrapper{
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small - 2px;
|
||||
padding: 0 12px;
|
||||
font-size: @font-size-small;
|
||||
&:first-child {
|
||||
border-radius: @btn-border-radius-small 0 0 @btn-border-radius-small;
|
||||
}
|
||||
&:last-child {
|
||||
border-radius: 0 @btn-border-radius-small @btn-border-radius-small 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
@rate-prefix-cls: ~"@{css-prefix}rate";
|
||||
|
||||
.@{rate-prefix-cls} {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 20px;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
&-disabled &-star {
|
||||
&:before,
|
||||
&-content:before {
|
||||
cursor: default;
|
||||
}
|
||||
&:hover {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
&-star {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-right: 8px;
|
||||
position: relative;
|
||||
font-family: 'Ionicons';
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
&:before,
|
||||
&-content:before {
|
||||
color: #e9e9e9;
|
||||
cursor: pointer;
|
||||
content: "\F4B3";
|
||||
transition: all @transition-time @ease-in-out;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
&:before {
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&-half &-content:before,
|
||||
&-full:before {
|
||||
color: @rate-star-color;
|
||||
}
|
||||
|
||||
&-half:hover &-content:before,
|
||||
&-full:hover:before {
|
||||
color: tint(@rate-star-color, 20%);
|
||||
}
|
||||
}
|
||||
&-text {
|
||||
margin-left: 8px;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
font-size: @font-size-small;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
@select-dropdown-prefix-cls: ~"@{css-prefix}select-dropdown";
|
||||
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
width: inherit;
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
margin: 5px 0;
|
||||
padding: 5px 0;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
//border: 1px solid @border-color-split;
|
||||
border-radius: @btn-border-radius;
|
||||
//box-shadow: 0 1px 3px rgba(0,0,0,.2);
|
||||
box-shadow: @shadow-base;
|
||||
position: absolute;
|
||||
z-index: @zindex-select;
|
||||
}
|
||||
|
|
@ -1,234 +0,0 @@
|
|||
@select-prefix-cls: ~"@{css-prefix}select";
|
||||
@select-item-prefix-cls: ~"@{css-prefix}select-item";
|
||||
@select-group-prefix-cls: ~"@{css-prefix}select-group";
|
||||
|
||||
.@{select-prefix-cls} {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
color: @text-color;
|
||||
font-size: @font-size-base;
|
||||
//position: relative;
|
||||
line-height: normal;
|
||||
|
||||
&-selection {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
background-color: #fff;
|
||||
border-radius: @btn-border-radius;
|
||||
border: 1px solid @border-color-base;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
.@{select-prefix-cls}-arrow:nth-of-type(1) {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.hover();
|
||||
.@{select-prefix-cls}-arrow:nth-of-type(1) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-show-clear &-selection:hover .@{select-prefix-cls}-arrow:nth-of-type(2){
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-arrow {
|
||||
.inner-arrow();
|
||||
}
|
||||
|
||||
&-visible{
|
||||
.@{select-prefix-cls}-selection{
|
||||
.active();
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-arrow:nth-of-type(2) {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
.@{select-prefix-cls}-selection {
|
||||
.disabled();
|
||||
|
||||
.@{select-prefix-cls}-arrow:nth-of-type(1) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: @border-color-base;
|
||||
box-shadow: none;
|
||||
|
||||
.@{select-prefix-cls}-arrow:nth-of-type(2) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-single &-selection{
|
||||
height: @input-height-base;
|
||||
position: relative;
|
||||
|
||||
.@{select-prefix-cls}-placeholder{
|
||||
color: @input-placeholder-color;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{
|
||||
display: block;
|
||||
height: @input-height-base - 2px;
|
||||
line-height: @input-height-base - 2px;
|
||||
font-size: @font-size-small;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-left: 8px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
&-large&-single &-selection{
|
||||
height: @input-height-large;
|
||||
|
||||
.@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{
|
||||
height: @input-height-large - 2px;
|
||||
line-height: @input-height-large - 2px;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
}
|
||||
|
||||
&-small&-single &-selection{
|
||||
height: @input-height-small;
|
||||
border-radius: @btn-border-radius-small;
|
||||
|
||||
.@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{
|
||||
height: @input-height-small - 2px;
|
||||
line-height: @input-height-small - 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&-multiple &-selection{
|
||||
padding: 0 24px 0 4px;
|
||||
min-height: @input-height-base;
|
||||
|
||||
.@{select-prefix-cls}-placeholder{
|
||||
display: block;
|
||||
height: @input-height-base - 2px;
|
||||
line-height: @input-height-base - 2px;
|
||||
color: @input-placeholder-color;
|
||||
font-size: @font-size-small;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-left: 4px;
|
||||
padding-right: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
// input
|
||||
&-input{
|
||||
display: inline-block;
|
||||
height: @input-height-base;
|
||||
line-height: @input-height-base;
|
||||
padding: 0 24px 0 8px;
|
||||
font-size: @font-size-small;
|
||||
outline: none;
|
||||
border: none;
|
||||
box-sizing: border-box;
|
||||
color: @input-color;
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
.placeholder();
|
||||
}
|
||||
|
||||
&-single &-input{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&-large &-input{
|
||||
font-size: @font-size-base;
|
||||
height: @input-height-large;
|
||||
}
|
||||
|
||||
&-small &-input{
|
||||
height: @input-height-small;
|
||||
}
|
||||
|
||||
&-multiple &-input{
|
||||
height: @input-height-base - 3px;
|
||||
line-height: @input-height-base;
|
||||
padding: 0 0 0 4px;
|
||||
}
|
||||
|
||||
&-not-found{
|
||||
text-align: center;
|
||||
color: @btn-disable-color;
|
||||
}
|
||||
|
||||
&-multiple .@{css-prefix}tag{
|
||||
margin: 3px 4px 2px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.select-item(@select-prefix-cls, @select-item-prefix-cls);
|
||||
|
||||
.@{select-prefix-cls}-multiple .@{select-item-prefix-cls} {
|
||||
&-selected{
|
||||
color: @selected-color;
|
||||
background: #fff;
|
||||
}
|
||||
&-focus,&-selected:hover{
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
|
||||
&-selected&-focus {
|
||||
color: shade(@selected-color, 10%);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
&-selected:after{
|
||||
.ivu-icon();
|
||||
float: right;
|
||||
font-size: 24px;
|
||||
content: '\F3FD';
|
||||
color: @selected-color;
|
||||
}
|
||||
}
|
||||
|
||||
.@{select-group-prefix-cls} {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&-title {
|
||||
padding-left: 8px;
|
||||
font-size: 12px;
|
||||
color: @legend-color;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{form-item-prefix-cls}-error{
|
||||
.@{select-prefix-cls}{
|
||||
&-selection{
|
||||
border: 1px solid @error-color;
|
||||
}
|
||||
&-arrow{
|
||||
color: @error-color;
|
||||
}
|
||||
&-visible .@{select-prefix-cls}-selection{
|
||||
.active-error;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,111 +0,0 @@
|
|||
@slider-prefix-cls: ~"@{css-prefix}slider";
|
||||
|
||||
.@{slider-prefix-cls} {
|
||||
line-height: normal;
|
||||
&-wrap{
|
||||
width: 100%;
|
||||
height: @slider-height;
|
||||
margin: @slider-margin;
|
||||
background-color: @border-color-split;
|
||||
border-radius: @btn-border-radius-small;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&-button-wrap{
|
||||
.square(@slider-button-wrap-size);
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
position: absolute;
|
||||
top: @slider-button-wrap-offset;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.@{tooltip-prefix-cls} {
|
||||
display: block;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-button{
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border: 2px solid @slider-color;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
transition: all @transition-time linear;
|
||||
|
||||
&:hover,
|
||||
&-dragging
|
||||
{
|
||||
border-color: @primary-color;
|
||||
transform: scale(1.5);
|
||||
}
|
||||
|
||||
&:hover{
|
||||
cursor: grab;
|
||||
}
|
||||
&-dragging,
|
||||
&-dragging:hover
|
||||
{
|
||||
cursor: grabbing;
|
||||
}
|
||||
}
|
||||
|
||||
&-bar{
|
||||
height: @slider-height;
|
||||
background: @slider-color;
|
||||
border-radius: @btn-border-radius-small;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&-stop{
|
||||
position: absolute;
|
||||
.square(@slider-height);
|
||||
border-radius: 50%;
|
||||
background-color: @slider-disabled-color;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.@{slider-prefix-cls}-disabled{
|
||||
cursor: @cursor-disabled;
|
||||
|
||||
.@{slider-prefix-cls}-wrap{
|
||||
background-color: @slider-disabled-color;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
.@{slider-prefix-cls}-bar{
|
||||
background-color: @slider-disabled-color;
|
||||
}
|
||||
|
||||
.@{slider-prefix-cls}-button{
|
||||
border-color: @slider-disabled-color;
|
||||
|
||||
&:hover,
|
||||
&-dragging
|
||||
{
|
||||
border-color: @slider-disabled-color;
|
||||
}
|
||||
&:hover{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
&-dragging,
|
||||
&-dragging:hover
|
||||
{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{slider-prefix-cls}-input{
|
||||
.@{slider-prefix-cls}-wrap{
|
||||
width: auto;
|
||||
margin-right: 100px;
|
||||
}
|
||||
|
||||
.@{input-number-prefix-cls}{
|
||||
float: right;
|
||||
margin-top: -14px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
@spin-prefix-cls: ~"@{css-prefix}spin";
|
||||
@spin-dot-size-small: 12px;
|
||||
@spin-dot-size: 20px;
|
||||
@spin-dot-size-large: 32px;
|
||||
|
||||
.@{spin-prefix-cls} {
|
||||
color: @primary-color;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
|
||||
&-dot {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
background-color: @primary-color;
|
||||
.square(@spin-dot-size);
|
||||
animation: ani-spin-bounce 1s 0s ease-in-out infinite;
|
||||
}
|
||||
|
||||
&-large &-dot {
|
||||
.square(@spin-dot-size-large);
|
||||
}
|
||||
|
||||
&-small &-dot {
|
||||
.square(@spin-dot-size-small);
|
||||
}
|
||||
|
||||
&-fix {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: @zindex-spin;
|
||||
display: table;
|
||||
.square(100%);
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
&-fix &-main {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
.square(inherit);
|
||||
}
|
||||
|
||||
&-fix &-dot {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&-text,
|
||||
&-show-text &-dot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-show-text &-text {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ani-spin-bounce {
|
||||
0% {
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,353 +0,0 @@
|
|||
@steps-prefix-cls: ~"@{css-prefix}steps";
|
||||
@steps-wait-icon-color: #ccc;
|
||||
@steps-wait-title-color: #999;
|
||||
@steps-wait-description-color: @steps-wait-title-color;
|
||||
@steps-wait-tail-color: @border-color-split;
|
||||
@steps-title-color: #666;
|
||||
|
||||
.@{steps-prefix-cls} {
|
||||
font-size: 0;
|
||||
width: 100%;
|
||||
line-height: 1.5;
|
||||
|
||||
&-item{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
|
||||
&.@{steps-prefix-cls}-status-wait{
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
background-color: #fff;
|
||||
> .@{steps-prefix-cls}-icon, span {
|
||||
color: @steps-wait-icon-color;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
color: @steps-wait-title-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
color: @steps-wait-description-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-tail > i {
|
||||
background-color: @steps-wait-tail-color;
|
||||
}
|
||||
}
|
||||
&.@{steps-prefix-cls}-status-process {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
border-color: @primary-color;
|
||||
background-color: @primary-color;
|
||||
> .@{steps-prefix-cls}-icon, span {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
color: @steps-title-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
color: @steps-title-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-tail > i {
|
||||
background-color: @border-color-split;
|
||||
}
|
||||
}
|
||||
&.@{steps-prefix-cls}-status-finish {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
background-color: #fff;
|
||||
border-color: @primary-color;
|
||||
> .@{steps-prefix-cls}-icon, span {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-tail > i:after {
|
||||
width: 100%;
|
||||
background: @primary-color;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
opacity: 1;
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
color: @steps-wait-title-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
color: @steps-wait-description-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-status-error {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
background-color: #fff;
|
||||
border-color: @error-color;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
color: @error-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
color: @error-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-tail > i {
|
||||
background-color: @border-color-split;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-next-error {
|
||||
.@{steps-prefix-cls}-tail > i,
|
||||
.@{steps-prefix-cls}-tail > i:after {
|
||||
background-color: @error-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-custom {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
background: none;
|
||||
border: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
font-size: 20px;
|
||||
top: 2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
&.@{steps-prefix-cls}-status-process {
|
||||
.@{steps-prefix-cls}-head-inner > .@{steps-prefix-cls}-icon {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-item:last-child &-tail{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-head,
|
||||
.@{steps-prefix-cls}-main {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.@{steps-prefix-cls}-head {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
display: block;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 24px;
|
||||
margin-right: 8px;
|
||||
text-align: center;
|
||||
border: 1px solid @steps-wait-icon-color;
|
||||
border-radius: 50%;
|
||||
font-size: 14px;
|
||||
transition: background-color @transition-time @ease-in-out;
|
||||
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
|
||||
&.ivu-icon {
|
||||
font-size: 24px;
|
||||
&-ios-checkmark-empty,
|
||||
&-ios-close-empty {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-main {
|
||||
margin-top: 2.5px;
|
||||
display: inline;
|
||||
}
|
||||
.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-title{
|
||||
margin-top: 2.5px;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-title {
|
||||
display: inline-block;
|
||||
margin-bottom: 4px;
|
||||
padding-right: 10px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
background: #fff;
|
||||
|
||||
> a:first-child:last-child {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-item-last {
|
||||
.@{steps-prefix-cls}-title {
|
||||
padding-right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
.@{steps-prefix-cls}-tail {
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 13px;
|
||||
> i {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
vertical-align: top;
|
||||
background: @border-color-split;
|
||||
border-radius: 1px;
|
||||
position: relative;
|
||||
&:after {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background: @border-color-split;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-small {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
line-height: 16px;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
font-size: 12px;
|
||||
|
||||
> .@{steps-prefix-cls}-icon.ivu-icon {
|
||||
font-size: 16px;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-main {
|
||||
margin-top: 0;
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
margin-bottom: 4px;
|
||||
margin-top: 0;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
padding-left: 30px;
|
||||
}
|
||||
.@{steps-prefix-cls}-tail {
|
||||
top: 8px;
|
||||
padding: 0 8px;
|
||||
> i {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
border-radius: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner,
|
||||
.@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-vertical {
|
||||
.@{steps-prefix-cls}-item {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-tail {
|
||||
position: absolute;
|
||||
left: 13px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
padding: 30px 0 4px 0;
|
||||
> i {
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
&:after {
|
||||
height: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-status-finish {
|
||||
.@{steps-prefix-cls}-tail > i:after {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-head {
|
||||
float: left;
|
||||
&-inner {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-main {
|
||||
min-height: 47px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
.@{steps-prefix-cls}-title {
|
||||
line-height: 26px;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
padding-bottom: 12px;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon {
|
||||
left: 4px;
|
||||
}
|
||||
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-small {
|
||||
.@{steps-prefix-cls}-tail {
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
top: 0;
|
||||
padding: 22px 0 4px 0;
|
||||
> i {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-title {
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-horizontal {
|
||||
&.@{steps-prefix-cls}-hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
//max-width: 100px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
.@{steps-prefix-cls}-item:not(:first-child) .@{steps-prefix-cls}-head {
|
||||
padding-left: 10px;
|
||||
margin-left: -10px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,129 +0,0 @@
|
|||
@switch-prefix-cls: ~"@{css-prefix}switch";
|
||||
|
||||
.@{switch-prefix-cls} {
|
||||
display: inline-block;
|
||||
width: 48px;
|
||||
height: 24px;
|
||||
line-height: 22px;
|
||||
border-radius: 24px;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #ccc;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
&-inner {
|
||||
color: #fff;
|
||||
font-size: @font-size-small;
|
||||
position: absolute;
|
||||
left: 25px;
|
||||
|
||||
i {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
left: 1px;
|
||||
top: 1px;
|
||||
cursor: pointer;
|
||||
transition: left @transition-time @ease-in-out, width @transition-time @ease-in-out;
|
||||
}
|
||||
|
||||
&:active:after {
|
||||
width: 26px;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px fade(@primary-color, 20%);
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&:focus:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&-small {
|
||||
width: 24px;
|
||||
height: 12px;
|
||||
line-height: 10px;
|
||||
&:after {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
&:active:after {
|
||||
width: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
&-small&-checked:after {
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
&-small:active&-checked:after {
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
&-large{
|
||||
width: 60px;
|
||||
&:active:after {
|
||||
width: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
&-large:active:after {
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
&-large&-checked:after {
|
||||
left: 37px;
|
||||
}
|
||||
|
||||
&-large:active&-checked:after {
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
&-checked {
|
||||
border-color: @primary-color;
|
||||
background-color: @primary-color;
|
||||
|
||||
.@{switch-prefix-cls}-inner {
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
&:active:after {
|
||||
left: 19px;
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
cursor: @cursor-disabled;
|
||||
background: #f3f3f3;
|
||||
border-color: #f3f3f3;
|
||||
|
||||
&:after {
|
||||
background: #ccc;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.@{switch-prefix-cls}-inner {
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,319 +0,0 @@
|
|||
@table-prefix-cls: ~"@{css-prefix}table";
|
||||
@table-select-item-prefix-cls: ~"@{table-prefix-cls}-filter-select-item";
|
||||
|
||||
.@{table-prefix-cls} {
|
||||
&-wrapper{
|
||||
position: relative;
|
||||
border: 1px solid @border-color-base;
|
||||
border-bottom: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
width: inherit;
|
||||
height: 100%;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
color: @text-color;
|
||||
font-size: @font-size-small;
|
||||
background-color: #fff;
|
||||
|
||||
box-sizing: border-box;
|
||||
//position: relative;
|
||||
|
||||
&-hide{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&:before{
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: @border-color-base;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-color: @border-color-base;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
&-with-header{
|
||||
//border-radius: @border-radius-base @border-radius-base 0 0;
|
||||
}
|
||||
|
||||
&-with-footer{
|
||||
//border: 1px solid @border-color-base;
|
||||
//border-radius: 0 0 @border-radius-base @border-radius-base;
|
||||
}
|
||||
|
||||
&-with-header&-with-footer{
|
||||
//border-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
&-title, &-footer{
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
&-footer{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&-header{
|
||||
overflow: hidden;
|
||||
}
|
||||
&-body{
|
||||
overflow: auto;
|
||||
//position: relative;
|
||||
}
|
||||
|
||||
&-with-fixed-top&-with-footer{
|
||||
.@{table-prefix-cls}-footer{
|
||||
border-top: 1px solid @border-color-base;
|
||||
}
|
||||
tbody tr:last-child td{
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
th, td
|
||||
{
|
||||
min-width: 0;
|
||||
height: 48px;
|
||||
box-sizing: border-box;
|
||||
text-align: left;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
//position: relative;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
|
||||
th {
|
||||
height: 40px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
background-color: @table-thead-bg;
|
||||
}
|
||||
td{
|
||||
background-color: #fff;
|
||||
transition: background-color @transition-time @ease-in-out;
|
||||
}
|
||||
|
||||
th&-column,
|
||||
td&-column
|
||||
{
|
||||
&-left{
|
||||
text-align: left;
|
||||
}
|
||||
&-center{
|
||||
text-align: center;
|
||||
}
|
||||
&-right{
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
& table{
|
||||
//width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
&-border{
|
||||
th,td{
|
||||
border-right: 1px solid @border-color-split;
|
||||
}
|
||||
}
|
||||
&-cell{
|
||||
padding-left: 18px;
|
||||
padding-right: 18px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
box-sizing: border-box;
|
||||
|
||||
&-ellipsis {
|
||||
word-break: keep-all;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
&-hidden{
|
||||
visibility: hidden;
|
||||
}
|
||||
th &-cell{
|
||||
display: inline-block;
|
||||
//position: relative;
|
||||
word-wrap: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&-stripe &-body,
|
||||
&-stripe &-fixed-body
|
||||
{
|
||||
tr:nth-child(2n) {
|
||||
td{
|
||||
background-color: @table-td-stripe-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr&-row-hover{
|
||||
td{
|
||||
background-color: @table-td-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&-large {
|
||||
font-size: @font-size-base;
|
||||
th{
|
||||
height: 48px;
|
||||
}
|
||||
td{
|
||||
height: 60px;
|
||||
}
|
||||
&-title, &-footer{
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
&-small{
|
||||
th{
|
||||
height: 32px;
|
||||
}
|
||||
td{
|
||||
height: 40px;
|
||||
}
|
||||
&-title, &-footer{
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
&-row-highlight,
|
||||
tr&-row-highlight&-row-hover,
|
||||
&-stripe &-body tr&-row-highlight:nth-child(2n),
|
||||
&-stripe &-fixed-body tr&-row-highlight:nth-child(2n)
|
||||
{
|
||||
td{
|
||||
background-color: @table-td-highlight-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&-fixed, &-fixed-right{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
box-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.2);
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background-color: @border-color-base;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 4;
|
||||
}
|
||||
}
|
||||
&-fixed-right{
|
||||
top: 0;
|
||||
left: auto;
|
||||
right: 0;
|
||||
box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
&-fixed-header{
|
||||
overflow: hidden;
|
||||
}
|
||||
&-fixed-body{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
&-fixed-shadow {
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
box-shadow: @shadow-right;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&-sort{
|
||||
.sortable();
|
||||
}
|
||||
&-filter{
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
i{
|
||||
color: @btn-disable-color;
|
||||
transition: color @transition-time @ease-in-out;
|
||||
&:hover{
|
||||
color: inherit;
|
||||
}
|
||||
&.on{
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
&-list{
|
||||
padding: 8px 0 0;
|
||||
&-item{
|
||||
padding: 0 12px 8px;
|
||||
|
||||
.ivu-checkbox-wrapper + .ivu-checkbox-wrapper{
|
||||
margin: 0;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
|
||||
& > span{
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul{
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.select-item(@table-prefix-cls, @table-select-item-prefix-cls);
|
||||
}
|
||||
&-footer{
|
||||
padding: 4px;
|
||||
border-top: 1px solid @border-color-split;
|
||||
}
|
||||
}
|
||||
.ivu-poptip-popper{
|
||||
min-width: 0;
|
||||
text-align: left;
|
||||
}
|
||||
thead .ivu-poptip-popper{
|
||||
.ivu-poptip-body{
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-tip {
|
||||
table {
|
||||
width: 100%;
|
||||
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,204 +0,0 @@
|
|||
@tabs-prefix-cls: ~"@{css-prefix}tabs";
|
||||
|
||||
.@{tabs-prefix-cls} {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
color: @text-color;
|
||||
.clearfix;
|
||||
|
||||
&-bar {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&-ink-bar {
|
||||
height: 2px;
|
||||
box-sizing: border-box;
|
||||
background-color: @primary-color;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 1px;
|
||||
z-index: 1;
|
||||
transition: transform .3s @ease-in-out;
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
|
||||
&-bar {
|
||||
border-bottom: 1px solid @border-color-base;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
&-nav-container {
|
||||
margin-bottom: -1px;
|
||||
line-height: @line-height-base;
|
||||
font-size: @font-size-base;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.clearfix;
|
||||
}
|
||||
|
||||
&-nav-container-scrolling {
|
||||
padding-left: 32px;
|
||||
padding-right: 32px;
|
||||
}
|
||||
|
||||
&-nav-wrap {
|
||||
overflow: hidden;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
&-nav-scroll {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&-nav {
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
float: left;
|
||||
list-style: none;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
transition: transform 0.5s @ease-in-out;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: table;
|
||||
content: " ";
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-tab-disabled {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-tab {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
padding: 8px 16px;
|
||||
margin-right: 16px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
transition: color .3s @ease-in-out;
|
||||
|
||||
&:hover {
|
||||
color: @link-hover-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: @link-active-color;
|
||||
}
|
||||
.@{css-prefix-iconfont} {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-tab-active {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
&-mini &-nav-container {
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
|
||||
&-mini &-tab {
|
||||
margin-right: 0;
|
||||
padding: 8px 16px;
|
||||
font-size: @font-size-small;
|
||||
}
|
||||
|
||||
& {
|
||||
.@{tabs-prefix-cls}-content-animated {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
will-change: transform;
|
||||
transition: transform .3s @ease-in-out;
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-tabpane {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
transition: opacity .3s;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-tabpane-inactive {
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// card style
|
||||
&&-card > &-bar &-nav-container {
|
||||
height: 32px;
|
||||
}
|
||||
&&-card > &-bar &-ink-bar {
|
||||
visibility: hidden;
|
||||
}
|
||||
&&-card > &-bar &-tab {
|
||||
margin: 0;
|
||||
margin-right: 4px;
|
||||
height: 31px;
|
||||
padding: 5px 16px 4px;
|
||||
border: 1px solid @border-color-base;
|
||||
border-bottom: 0;
|
||||
border-radius: @btn-border-radius @btn-border-radius 0 0;
|
||||
transition: all 0.3s @ease-in-out;
|
||||
background: @table-thead-bg;
|
||||
}
|
||||
&&-card > &-bar &-tab-active {
|
||||
height: 32px;
|
||||
padding-bottom: 5px;
|
||||
background: #fff;
|
||||
transform: translateZ(0);
|
||||
border-color: @border-color-base;
|
||||
color: @primary-color;
|
||||
}
|
||||
&&-card > &-bar &-nav-wrap {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&&-card > &-bar &-tab .@{css-prefix-iconfont}-ios-close-empty {
|
||||
width: 0;
|
||||
height: 22px;
|
||||
font-size: 22px;
|
||||
margin-right: 0;
|
||||
color: @legend-color;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
transform-origin: 100% 50%;
|
||||
transition: all 0.3s @ease-in-out;
|
||||
&:hover {
|
||||
color: #444;
|
||||
}
|
||||
}
|
||||
|
||||
&&-card > &-bar &-tab-active .@{css-prefix-iconfont}-ios-close-empty,
|
||||
&&-card > &-bar &-tab:hover .@{css-prefix-iconfont}-ios-close-empty {
|
||||
width: 14px;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-no-animation{
|
||||
.@{tabs-prefix-cls}-content {
|
||||
transform: none!important;
|
||||
|
||||
> .@{tabs-prefix-cls}-tabpane-inactive {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,193 +0,0 @@
|
|||
@tag-prefix-cls: ~"@{css-prefix}tag";
|
||||
@tag-close-prefix-cls: ivu-icon-ios-close-empty;
|
||||
|
||||
.@{tag-prefix-cls} {
|
||||
display: inline-block;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
margin: 2px 4px 2px 0;
|
||||
padding: 0 8px;
|
||||
border: 1px solid @border-color-split;
|
||||
border-radius: @btn-border-radius-small;
|
||||
background: @background-color-base;
|
||||
font-size: @tag-font-size;
|
||||
vertical-align: middle;
|
||||
opacity: 1;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
//transition: all @transition-time @ease-in-out;
|
||||
|
||||
&-dot{
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
border: 1px solid @border-color-split !important;
|
||||
color: @text-color !important;
|
||||
background: #fff !important;
|
||||
padding: 0 12px;
|
||||
|
||||
&-inner{
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-right: 8px;
|
||||
border-radius: 50%;
|
||||
background: @border-color-split;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
.@{tag-close-prefix-cls} {
|
||||
color: #666 !important;
|
||||
margin-left: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&-border{
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
border: 1px solid @border-color-split !important;
|
||||
color: @text-color !important;
|
||||
background: #fff !important;
|
||||
position: relative;
|
||||
|
||||
.@{tag-close-prefix-cls} {
|
||||
color: #666 !important;
|
||||
margin-left: 12px !important;
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: "";
|
||||
display: none;
|
||||
width: 1px;
|
||||
background: @border-color-split;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 22px;
|
||||
}
|
||||
|
||||
&.@{tag-prefix-cls}-closable {
|
||||
&:after{
|
||||
display: block;
|
||||
}
|
||||
.@{tag-close-prefix-cls} {
|
||||
margin-left: 18px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{tag-prefix-cls}-blue {
|
||||
color: @link-color !important;
|
||||
border: 1px solid @link-color !important;
|
||||
|
||||
&:after{
|
||||
background: @link-color;
|
||||
}
|
||||
.@{tag-close-prefix-cls}{
|
||||
color: @link-color !important;
|
||||
}
|
||||
}
|
||||
&.@{tag-prefix-cls}-green {
|
||||
color: @success-color !important;
|
||||
border: 1px solid @success-color !important;
|
||||
|
||||
&:after{
|
||||
background: @success-color;
|
||||
}
|
||||
.@{tag-close-prefix-cls}{
|
||||
color: @success-color !important;
|
||||
}
|
||||
}
|
||||
&.@{tag-prefix-cls}-yellow {
|
||||
color: @warning-color !important;
|
||||
border: 1px solid @warning-color !important;
|
||||
|
||||
&:after{
|
||||
background: @warning-color;
|
||||
}
|
||||
.@{tag-close-prefix-cls}{
|
||||
color: @warning-color !important;
|
||||
}
|
||||
}
|
||||
&.@{tag-prefix-cls}-red {
|
||||
color: @error-color !important;
|
||||
border: 1px solid @error-color !important;
|
||||
|
||||
&:after{
|
||||
background: @error-color;
|
||||
}
|
||||
.@{tag-close-prefix-cls}{
|
||||
color: @error-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
&,
|
||||
a,
|
||||
a:hover {
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
&-text {
|
||||
a:first-child:last-child {
|
||||
display: inline-block;
|
||||
margin: 0 -8px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{tag-close-prefix-cls} {
|
||||
.iconfont-size-under-12px(20px);
|
||||
cursor: pointer;
|
||||
margin-left: 8px;
|
||||
color: #666;
|
||||
opacity: 0.66;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
//transition: all @transition-time @ease-in-out;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&-blue,
|
||||
&-green,
|
||||
&-yellow,
|
||||
&-red {
|
||||
border: 0;
|
||||
&,
|
||||
a,
|
||||
a:hover,
|
||||
.@{tag-close-prefix-cls},
|
||||
.@{tag-close-prefix-cls}:hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&-blue,
|
||||
&-blue&-dot &-dot-inner
|
||||
{
|
||||
background: @link-color;
|
||||
}
|
||||
|
||||
&-green,
|
||||
&-green&-dot &-dot-inner
|
||||
{
|
||||
background: @success-color;
|
||||
}
|
||||
|
||||
&-yellow,
|
||||
&-yellow&-dot &-dot-inner
|
||||
{
|
||||
background: @warning-color;
|
||||
}
|
||||
|
||||
&-red,
|
||||
&-red&-dot &-dot-inner
|
||||
{
|
||||
background: @error-color;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,168 +0,0 @@
|
|||
@time-picker-prefix-cls: ~"@{css-prefix}time-picker";
|
||||
@time-picker-cells-width-base: 56px;
|
||||
@time-picker-cells-width-with-date-base: 72px;
|
||||
@time-picker-cells-width: @time-picker-cells-width-base * 2;
|
||||
@time-picker-cells-width-with-seconds: @time-picker-cells-width-base *3;
|
||||
@time-picker-cells-width-with-date: @time-picker-cells-width-with-date-base * 2;
|
||||
@time-picker-cells-width-with-date-with-seconds: @time-picker-cells-width-with-date-base * 3;
|
||||
|
||||
.@{time-picker-prefix-cls} {
|
||||
&-cells{
|
||||
min-width: @time-picker-cells-width;
|
||||
&-with-seconds{
|
||||
min-width: @time-picker-cells-width-with-seconds;
|
||||
}
|
||||
|
||||
&-list{
|
||||
width: @time-picker-cells-width-base;
|
||||
max-height: 144px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
border-left: 1px solid @border-color-split;
|
||||
position: relative;
|
||||
&:hover{
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
&:first-child{
|
||||
border-left: none;
|
||||
border-radius: @btn-border-radius 0 0 @btn-border-radius;
|
||||
}
|
||||
&:last-child{
|
||||
border-radius: 0 @btn-border-radius @btn-border-radius 0;
|
||||
}
|
||||
ul{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0 0 120px 0;
|
||||
list-style: none;
|
||||
li{
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
margin: 0;
|
||||
padding: 0 0 0 16px;
|
||||
box-sizing: content-box;
|
||||
text-align: left;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
transition: background @transition-time @ease-in-out;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
&-cell{
|
||||
&:hover{
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
&-disabled {
|
||||
color: @btn-disable-color;
|
||||
cursor: @cursor-disabled;
|
||||
|
||||
&:hover {
|
||||
color: @btn-disable-color;
|
||||
background-color: #fff;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
&-selected ,&-selected:hover{
|
||||
color: @primary-color;
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-header{
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
|
||||
&-with-range{
|
||||
.@{picker-prefix-cls}-panel{
|
||||
&-body{
|
||||
min-width: @time-picker-cells-width * 2 + 4px;
|
||||
}
|
||||
&-content{
|
||||
float: left;
|
||||
position: relative;
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 2px;
|
||||
position: absolute;
|
||||
top: 31px;
|
||||
bottom: 0;
|
||||
right: -2px;
|
||||
background: @border-color-split;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&-right{
|
||||
float: right;
|
||||
&:after{
|
||||
right: auto;
|
||||
left: -2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.@{time-picker-prefix-cls}-cells{
|
||||
&-list{
|
||||
&:first-child{
|
||||
border-radius: 0;
|
||||
}
|
||||
&:last-child{
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-with-range&-with-seconds{
|
||||
.@{picker-prefix-cls}-panel{
|
||||
&-body{
|
||||
min-width: @time-picker-cells-width-with-seconds * 2 + 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-panel-content{
|
||||
.@{picker-prefix-cls}-panel-content{
|
||||
.@{time-picker-prefix-cls}{
|
||||
&-cells{
|
||||
min-width: @time-picker-cells-width-with-date-with-seconds;
|
||||
&-with-seconds{
|
||||
min-width: @time-picker-cells-width-with-date-with-seconds;
|
||||
.@{time-picker-prefix-cls}-cells-list{
|
||||
width: @time-picker-cells-width-with-date-with-seconds / 3;
|
||||
ul{
|
||||
li{
|
||||
padding: 0 0 0 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-list {
|
||||
width: @time-picker-cells-width-with-date-with-seconds / 2;
|
||||
max-height: 216px;
|
||||
&:first-child{
|
||||
border-radius: 0;
|
||||
}
|
||||
&:last-child{
|
||||
border-radius: 0;
|
||||
}
|
||||
ul{
|
||||
padding: 0 0 192px 0;
|
||||
li{
|
||||
padding: 0 0 0 46px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,87 +0,0 @@
|
|||
@timeline-prefix-cls: ~"@{css-prefix}timeline";
|
||||
@timeline-color: @border-color-split;
|
||||
|
||||
.@{timeline-prefix-cls} {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&-item {
|
||||
margin: 0 !important;
|
||||
padding: 0 0 12px 0;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
|
||||
&-tail {
|
||||
height: 100%;
|
||||
border-left: 1px solid @timeline-color;
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&-pending &-tail {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-head {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
border: 1px solid transparent;
|
||||
position: absolute;
|
||||
|
||||
&-blue {
|
||||
border-color: @primary-color;
|
||||
color: @primary-color;
|
||||
}
|
||||
&-red {
|
||||
border-color: @error-color;
|
||||
color: @error-color;
|
||||
}
|
||||
&-green {
|
||||
border-color: @success-color;
|
||||
color: @success-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-head-custom {
|
||||
width: 40px;
|
||||
height: auto;
|
||||
margin-top: 6px;
|
||||
padding: 3px 0;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
font-size: @font-size-base;
|
||||
position: absolute;
|
||||
left: -13px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
&-content {
|
||||
padding: 1px 1px 10px 24px;
|
||||
font-size: @font-size-small;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
.@{timeline-prefix-cls}-item-tail {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&&-pending &-item:nth-last-of-type(2) {
|
||||
|
||||
.@{timeline-prefix-cls}-item-tail {
|
||||
border-left: 1px dotted @timeline-color;
|
||||
}
|
||||
.@{timeline-prefix-cls}-item-content {
|
||||
min-height: 48px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
@tooltip-prefix-cls: ~"@{css-prefix}tooltip";
|
||||
@tooltip-arrow: ~"@{tooltip-prefix-cls}-arrow";
|
||||
@tooltip-max-width: 250px;
|
||||
@tooltip-arrow-width: 5px;
|
||||
@tooltip-distance: @tooltip-arrow-width - 1 + 4;
|
||||
|
||||
.@{tooltip-prefix-cls} {
|
||||
display: inline-block;
|
||||
|
||||
&-rel{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-popper{
|
||||
.popper(@tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @tooltip-bg);
|
||||
}
|
||||
|
||||
&-inner{
|
||||
max-width: @tooltip-max-width;
|
||||
min-height: 34px;
|
||||
padding: 8px 12px;
|
||||
color: @tooltip-color;
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
background-color: @tooltip-bg;
|
||||
border-radius: @border-radius-small;
|
||||
box-shadow: @shadow-base;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&-arrow{
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,128 +0,0 @@
|
|||
@transfer-prefix-cls: ~"@{css-prefix}transfer";
|
||||
@transfer-item-prefix-cls: ~"@{css-prefix}transfer-list-content-item";
|
||||
|
||||
.@{transfer-prefix-cls} {
|
||||
position: relative;
|
||||
line-height: @line-height-base;
|
||||
|
||||
&-list{
|
||||
display: inline-block;
|
||||
width: 180px;
|
||||
height: 210px;
|
||||
font-size: @font-size-small;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
padding-top: 35px;
|
||||
|
||||
&-with-footer{
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
|
||||
&-header {
|
||||
padding: 8px 16px;
|
||||
background: @head-bg;
|
||||
color: @text-color;
|
||||
border: 1px solid @border-color-base;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
border-radius: @border-radius-base @border-radius-base 0 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
|
||||
& > span{
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
&-count {
|
||||
margin: 0 !important;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
&-body{
|
||||
height: 100%;
|
||||
border: 1px solid @border-color-base;
|
||||
border-top: none;
|
||||
border-radius: 0 0 @border-radius-base @border-radius-base;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
&-with-search{
|
||||
padding-top: 34px;
|
||||
}
|
||||
&-with-footer{
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-content{
|
||||
height: 100%;
|
||||
padding: 4px 0;
|
||||
overflow: auto;
|
||||
|
||||
&-item{
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
& > span{
|
||||
padding-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
&-not-found{
|
||||
display: none;
|
||||
text-align: center;
|
||||
color: @btn-disable-color;
|
||||
}
|
||||
li&-not-found:only-child{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&-body-with-search &-content{
|
||||
padding: 6px 0 0;
|
||||
}
|
||||
|
||||
&-body-search-wrapper{
|
||||
padding: 8px 8px 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
&-search{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-footer{
|
||||
border: 1px solid @border-color-base;
|
||||
border-top: none;
|
||||
border-radius: 0 0 @border-radius-base @border-radius-base;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
.clearfix();
|
||||
}
|
||||
}
|
||||
&-operation {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
margin: 0 16px;
|
||||
vertical-align: middle;
|
||||
|
||||
.@{btn-prefix-cls} {
|
||||
display: block;
|
||||
min-width: @btn-circle-size-small;
|
||||
|
||||
&:first-child {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.select-item(@transfer-prefix-cls, @transfer-item-prefix-cls);
|
||||
|
|
@ -1,139 +0,0 @@
|
|||
@tree-prefix-cls: ~"@{css-prefix}tree";
|
||||
|
||||
.@{tree-prefix-cls} {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
font-size: @font-size-small;
|
||||
li {
|
||||
padding: 0;
|
||||
margin: 8px 0;
|
||||
list-style: none;
|
||||
white-space: nowrap;
|
||||
outline: 0;
|
||||
a[draggable],
|
||||
a[draggable="true"] {
|
||||
user-select: none;
|
||||
/* Required to make elements draggable in old WebKit */
|
||||
-khtml-user-drag: element;
|
||||
-webkit-user-drag: element;
|
||||
}
|
||||
&.drag-over {
|
||||
> a[draggable] {
|
||||
background-color: @primary-color;
|
||||
color: white;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
&.drag-over-gap-top {
|
||||
> a[draggable] {
|
||||
border-top: 2px @primary-color solid;
|
||||
}
|
||||
}
|
||||
&.drag-over-gap-bottom {
|
||||
> a[draggable] {
|
||||
border-bottom: 2px @primary-color solid;
|
||||
}
|
||||
}
|
||||
&.filter-node {
|
||||
> a {
|
||||
color: @error-color!important;
|
||||
font-weight: bold!important;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0 0 0 18px;
|
||||
}
|
||||
a {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0 4px;
|
||||
border-radius: @btn-border-radius-small;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
vertical-align: top;
|
||||
color: @text-color;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
&:hover {
|
||||
background-color: tint(@primary-color, 90%);
|
||||
}
|
||||
&.@{tree-prefix-cls}-node-selected {
|
||||
background-color: tint(@primary-color, 80%);
|
||||
}
|
||||
}
|
||||
.@{checkbox-prefix-cls}-wrapper{
|
||||
margin-right: 4px;
|
||||
}
|
||||
span {
|
||||
&.@{tree-prefix-cls}-switcher,
|
||||
&.@{tree-prefix-cls}-iconEle {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
border: 0 none;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
//&.@{tree-prefix-cls}-icon_loading {
|
||||
// &:after {
|
||||
// display: inline-block;
|
||||
// //.iconfont-font("\e6a1");
|
||||
// animation: loadingCircle 1s infinite linear;
|
||||
// color: @primary-color;
|
||||
// }
|
||||
//}
|
||||
&.@{tree-prefix-cls}-switcher {
|
||||
i{
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
&.@{tree-prefix-cls}-switcher-noop {
|
||||
display: none;
|
||||
cursor: auto;
|
||||
i{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.@{tree-prefix-cls}-roots_open,
|
||||
&.@{tree-prefix-cls}-center_open,
|
||||
&.@{tree-prefix-cls}-bottom_open,
|
||||
&.@{tree-prefix-cls}-noline_open {
|
||||
i {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
&.@{tree-prefix-cls}-roots_close,
|
||||
&.@{tree-prefix-cls}-center_close,
|
||||
&.@{tree-prefix-cls}-bottom_close,
|
||||
&.@{tree-prefix-cls}-noline_close {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-child-tree {
|
||||
display: none;
|
||||
&-open {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&-treenode-disabled {
|
||||
>span,
|
||||
>a,
|
||||
>a span {
|
||||
color: @input-disabled-bg;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
&-icon__open {
|
||||
margin-right: 2px;
|
||||
vertical-align: top;
|
||||
}
|
||||
&-icon__close {
|
||||
margin-right: 2px;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
@upload-prefix-cls: ~"@{css-prefix}upload";
|
||||
|
||||
.@{upload-prefix-cls} {
|
||||
input[type="file"]{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-list{
|
||||
margin-top: 8px;
|
||||
|
||||
&-file{
|
||||
padding: 4px;
|
||||
color: @text-color;
|
||||
border-radius: @border-radius-small;
|
||||
transition: background-color @transition-time @ease-in-out;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
& > span{
|
||||
cursor: pointer;
|
||||
transition: color @transition-time @ease-in-out;
|
||||
i{
|
||||
display: inline-block;
|
||||
width: @font-size-small;
|
||||
height: @font-size-small;
|
||||
color: @text-color;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
background: @input-disabled-bg;
|
||||
& > span{
|
||||
color: @primary-color;
|
||||
i{
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
.@{upload-prefix-cls}-list-remove{
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-remove{
|
||||
opacity: 0;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
margin-right: 4px;
|
||||
color: @legend-color;
|
||||
transition: all @transition-time ease;
|
||||
&:hover{
|
||||
color: #444;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-drag{
|
||||
background: #fff;
|
||||
border: 1px dashed @border-color-base;
|
||||
border-radius: @border-radius-small;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: border-color @transition-time ease;
|
||||
|
||||
&:hover{
|
||||
border: 1px dashed @primary-color;
|
||||
}
|
||||
}
|
||||
&-dragOver{
|
||||
border: 2px dashed @primary-color;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue