element-plus/website/demo-styles/upload.scss
kooriookami d9b7ef56ea
style(docs): Optimized style of documentation (#3010)
* style(docs): use css var

* style: update

* style: demo-icon use grid layout

* style: remove demo-block.vue style scoped

* docs: remove strange character
2021-08-26 09:57:56 +08:00

40 lines
751 B
SCSS

.upload-tip {
color: var(--el-text-color-secondary);
font-size: 12px;
margin-top: 7px;
}
.demo-block {
margin-bottom: 24px;
.upload-demo {
width: 360px;
}
.avatar-uploader {
.#{$namespace}-upload {
border: 1px dashed var(--el-border-color-base);
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
&:hover,
&:focus {
border-color: var(--el-color-primary);
}
}
.avatar-uploader-icon {
font-size: 28px;
color: var(--el-text-color-secondary);
width: 178px;
height: 178px;
line-height: 178px;
text-align: center;
}
.avatar {
width: 178px;
height: 178px;
display: block;
}
}
}