javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-08-26 12:32:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(docs): border-color css var (#6620)

Browse Source
This commit is contained in:
云游君
2022-03-14 19:41:41 +08:00
committed by GitHub
parent d3a66b8767
commit 93aa1d621e
21 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/.vitepress/vitepress/components/globals/icons.vue
View File

@ -70,8 +70,8 @@ const copySvgIcon = async (name, refs) => {
overflow: hidden;
list-style: none;
padding: 0 !important;
border-top: 1px solid getCssVar('border-color');
border-left: 1px solid getCssVar('border-color');
border-top: 1px solid var(--el-border-color);
border-left: 1px solid var(--el-border-color);
border-radius: 4px;
display: grid;
grid-template-columns: repeat(7, 1fr);
@ -81,8 +81,8 @@ const copySvgIcon = async (name, refs) => {
color: var(--el-text-color-regular);
height: 90px;
font-size: 13px;
border-right: 1px solid getCssVar('border-color');
border-bottom: 1px solid getCssVar('border-color');
border-right: 1px solid var(--el-border-color);
border-bottom: 1px solid var(--el-border-color);
transition: background-color var(--el-transition-duration);
&:hover {
background-color: var(--el-border-color-extra-light);

4
docs/examples/avatar/basic.vue
View File

@ -54,12 +54,12 @@ const { circleUrl, squareUrl, sizeList } = toRefs(state)
align-items: center;
}
.demo-basic .block:not(:last-child) {
border-right: 1px solid getCssVar('border-color');
border-right: 1px solid var(--el-border-color);
}
.demo-basic .block {
flex: 1;
}
.demo-basic .el-col:not(:last-child) {
border-right: 1px solid getCssVar('border-color');
border-right: 1px solid var(--el-border-color);
}
</style>

2
docs/examples/avatar/types.vue
View File

@ -28,6 +28,6 @@ import { UserFilled } from '@element-plus/icons-vue'
}
.demo-type > div:not(:last-child) {
border-right: 1px solid getCssVar('border-color');
border-right: 1px solid var(--el-border-color);
}
</style>

4
docs/examples/border/border.vue
View File

@ -33,9 +33,9 @@
.demo-border .line div {
width: 100%;
height: 0;
border-top: 1px solid getCssVar('border-color');
border-top: 1px solid var(--el-border-color);
}
.demo-border .line .dashed {
border-top: 2px dashed getCssVar('border-color');
border-top: 2px dashed var(--el-border-color);
}
</style>

2
docs/examples/border/radius.vue
View File

@ -66,7 +66,7 @@ const getValue = (type: string) => {
.demo-radius .radius {
height: 40px;
width: 70%;
border: 1px solid getCssVar('border-color');
border: 1px solid var(--el-border-color);
border-radius: 0;
margin-top: 20px;
}

2
docs/examples/date-picker/custom-prefix-icon.vue
View File

@ -33,7 +33,7 @@ const customPrefix = shallowRef({
.demo-date-picker .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.demo-date-picker .block:last-child {

2
docs/examples/date-picker/date-formats.vue
View File

@ -52,7 +52,7 @@ const value3 = ref('')
.demo-date-picker .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.demo-date-picker .block:last-child {

2
docs/examples/date-picker/date-range.vue
View File

@ -71,7 +71,7 @@ const shortcuts = [
.demo-date-picker .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.demo-date-picker .block:last-child {

2
docs/examples/date-picker/default-time.vue
View File

@ -32,7 +32,7 @@ const defaultTime = ref([
.demo-date-picker .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.demo-date-picker .block:last-child {

2
docs/examples/date-picker/default-value.vue
View File

@ -38,7 +38,7 @@ const value2 = ref('')
.demo-date-picker .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.demo-date-picker .block:last-child {

2
docs/examples/date-picker/enter-date.vue
View File

@ -60,7 +60,7 @@ const disabledDate = (time: Date) => {
.demo-date-picker .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.demo-date-picker .block:last-child {

2
docs/examples/date-picker/month-range.vue
View File

@ -65,7 +65,7 @@ const shortcuts = [
.demo-date-picker .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.demo-date-picker .block:last-child {

6
docs/examples/date-picker/other-measurements.vue
View File

@ -58,7 +58,7 @@ const value4 = ref('')
.demo-date-picker .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.demo-date-picker .block:last-child {
@ -67,13 +67,13 @@ const value4 = ref('')
.demo-date-picker .container {
flex: 1;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
}
.demo-date-picker .container .block {
border-right: none;
}
.demo-date-picker .container .block:last-child {
border-top: solid 1px getCssVar('border-color');
border-top: solid 1px var(--el-border-color);
}
.demo-date-picker .container:last-child {
border-right: none;

2
docs/examples/datetime-picker/date-and-time-formats.vue
View File

@ -52,7 +52,7 @@ const value3 = ref('')
.demo-datetime-picker .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.demo-datetime-picker .block:last-child {

2
docs/examples/datetime-picker/date-and-time-range.vue
View File

@ -65,7 +65,7 @@ const shortcuts = [
.block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.block:last-child {

2
docs/examples/datetime-picker/date-and-time.vue
View File

@ -70,7 +70,7 @@ const shortcuts = [
.demo-datetime-picker .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.demo-datetime-picker .block:last-child {

2
docs/examples/datetime-picker/default-time.vue
View File

@ -39,7 +39,7 @@ const defaultTime2 = [
.block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
flex: 1;
}
.block:last-child {

2
docs/examples/image/basic-usage.vue
View File

@ -17,7 +17,7 @@ const url =
.demo-image .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
display: inline-block;
width: 20%;
box-sizing: border-box;

2
docs/examples/image/load-failed.vue
View File

@ -25,7 +25,7 @@ import { Picture as IconPicture } from '@element-plus/icons-vue'
.demo-image__error .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
display: inline-block;
width: 49%;
box-sizing: border-box;

2
docs/examples/image/placeholder.vue
View File

@ -24,7 +24,7 @@ const src =
.demo-image__placeholder .block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
display: inline-block;
width: 49%;
box-sizing: border-box;

2
docs/examples/rate/basic-usage.vue
View File

@ -21,7 +21,7 @@ const colors = ref(['#99A9BF', '#F7BA2A', '#FF9900']) // same as { 2: '#99A9BF',
.demo-rate-block {
padding: 30px 0;
text-align: center;
border-right: solid 1px getCssVar('border-color');
border-right: solid 1px var(--el-border-color);
display: inline-block;
width: 49%;
box-sizing: border-box;