feat: show all styles in source code

This commit is contained in:
Justineo
2021-09-15 20:03:51 +08:00
parent 7b723e469b
commit 97aa5e7839
134 changed files with 349 additions and 300 deletions

View File

@@ -40,7 +40,7 @@ export default {
}
</script>
<style lang="less">
<style lang="less" scoped>
.centered-overlay {
position: fixed;
top: 50%;
@@ -49,15 +49,11 @@ export default {
width: 200px;
height: 100px;
}
</style>
<style lang="less" docs>
@import "~veui-theme-dls/lib.less";
.centered-overlay {
line-height: 100px;
text-align: center;
border: 1px solid @veui-gray-color-5;
border: 1px solid #dbdbdb;
background-color: #fff;
}
</style>

View File

@@ -42,4 +42,21 @@ export default {
}
</script>
<style lang="less" src="./relative.less" docs></style>
<style lang="less" scoped>
.veui-overlay {
display: none;
}
.relative-overlay {
width: 200px;
height: 100px;
line-height: 100px;
text-align: center;
border: 1px solid #dbdbdb;
background-color: #fff;
.veui-button {
margin-left: 10px;
}
}
</style>

View File

@@ -1,18 +0,0 @@
@import "~veui-theme-dls/lib.less";
.veui-overlay {
display: none;
}
.relative-overlay {
width: 200px;
height: 100px;
line-height: 100px;
text-align: center;
border: 1px solid @veui-gray-color-5;
background-color: #fff;
.veui-button {
margin-left: 10px;
}
}

View File

@@ -87,14 +87,21 @@ export default {
}
</script>
<style lang="less" docs scoped>
<style lang="less" scoped>
.veui-overlay {
display: none;
}
.veui-button {
margin-right: 10px;
.relative-overlay {
width: 200px;
height: 100px;
line-height: 100px;
text-align: center;
border: 1px solid #dbdbdb;
background-color: #fff;
.veui-button {
margin-left: 10px;
}
}
</style>
<style lang="less" src="./relative.less" docs></style>

View File

@@ -71,14 +71,21 @@ export default {
}
</script>
<style lang="less" docs scoped>
<style lang="less" scoped>
.veui-overlay {
display: none;
}
.veui-button {
margin-right: 10px;
.relative-overlay {
width: 200px;
height: 100px;
line-height: 100px;
text-align: center;
border: 1px solid #dbdbdb;
background-color: #fff;
.veui-button {
margin-left: 10px;
}
}
</style>
<style lang="less" src="./relative.less" docs></style>

View File

@@ -60,10 +60,21 @@ export default {
}
</script>
<style lang="less" docs scoped>
.veui-button {
margin-right: 10px;
<style lang="less" scoped>
.veui-overlay {
display: none;
}
.relative-overlay {
width: 200px;
height: 100px;
line-height: 100px;
text-align: center;
border: 1px solid #dbdbdb;
background-color: #fff;
.veui-button {
margin-left: 10px;
}
}
</style>
<style lang="less" src="./relative.less" docs></style>