element-plus/website/demo-styles/infinite-scroll.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

43 lines
737 B
SCSS

.infinite-list {
height: 300px;
padding: 0;
margin: 0;
list-style: none;
.infinite-list-item {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
background: var(--el-color-primary-light-9);
margin: 10px;
color: var(--el-color-primary);
& + .list-item {
margin-top: 10px;
}
}
}
.infinite-list-wrapper {
height: 300px;
text-align: center;
.list {
padding: 0;
margin: 0;
list-style: none;
}
.list-item {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
background: var(--el-color-danger-lighter);
color: var(--el-color-danger);
& + .list-item {
margin-top: 10px;
}
}
}