ant-design/style/components/upload.less
2015-08-08 23:37:35 +08:00

113 lines
2.1 KiB
Plaintext

@prefixUploadClass: ant-upload;
.@{prefixUploadClass} {
font-size: 12px;
&-container{
width: 100%;
padding: 0 42px;
}
&-method-drag-picwords {
border: 1px dashed #d9d9d9;
border-radius: @border-radius-base;
text-align: center;
min-width: 100px;
height: 209px;
p.upload-drag-icon{
.anticon {
font-size: 80px;
margin-top: -30px;
color: #2db7f5;
}
height: 60px;
margin: 44px auto 24px auto;
}
p.upload-tip-one{
font-size: 14px;
color: #666;
}
p.upload-tip-two{
font-size: 12px;
color: #666;
margin-top: 5px;
}
}
&-method-drag-cross {
border: 1px dashed #d9d9d9;
border-radius: @border-radius-base;
text-align: center;
line-height: 146px;
width: 246px;
height: 146px;
.anticon {
color: #2db7f5;
font-size: 30px;
}
.upload-drag-area{
width: 100%;
height: 100%;
}
}
&-method-click {
.upload-btn{
height: 22px;
line-height: 22px;
position: relative;
margin-bottom: 8px;
button{
position: absolute;
top: 0;
left: 0;
padding-left: 20px;
text-align: left;
height: 22px;
line-height: 22px;
width: 76px;
border: 1px solid #d9d9d9;
background-color: #fff;
border-radius: 8px;
color: #666;
font-size: 12px;
outline: none;
}
.anticon{
position: absolute;
top: 5px;
z-index: 10;
font-size: 10px;
margin: -4px 0 0 8px;
}
}
.upload-list {
margin-left: 4px;
}
.upload-list-item {
margin-bottom: 4px;
height: 22px;
overflow: hidden;
.anticon {
margin-top: -2px;
}
}
.upload-item-name {
font-size: 12px;
color: #666;
margin-left: 4px;
margin-right: 8px;
font-weight: normal;
}
.anticon {
font-size: 10px;
color: #999;
}
.upload-success-icon {
color: #87d068;
}
.upload-text-tip {
font-size: 12px;
color: #999;
}
}
}