alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(style): add component css variables

Browse Source
This commit is contained in:
chenjiahan
2021-06-12 15:52:22 +08:00
committed by neverland
parent dafea4e1e8
commit fe1cba97b7
73 changed files with 1702 additions and 799 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/image/index.less
+17 -7
View File
@@ -1,5 +1,15 @@
@import './var.less';
:root {
--van-image-placeholder-text-color: @image-placeholder-text-color;
--van-image-placeholder-font-size: @image-placeholder-font-size;
--van-image-placeholder-background-color: @image-placeholder-background-color;
--van-image-loading-icon-size: @image-loading-icon-size;
--van-image-loading-icon-color: @image-loading-icon-color;
--van-image-error-icon-size: @image-error-icon-size;
--van-image-error-icon-color: @image-error-icon-color;
}
.van-image {
position: relative;
display: inline-block;
@@ -30,18 +40,18 @@
flex-direction: column;
align-items: center;
justify-content: center;
color: @image-placeholder-text-color;
font-size: @image-placeholder-font-size;
background-color: @image-placeholder-background-color;
color: var(--van-image-placeholder-text-color);
font-size: var(--van-image-placeholder-font-size);
background-color: var(--van-image-placeholder-background-color);
}
&__loading-icon {
color: @image-loading-icon-color;
font-size: @image-loading-icon-size;
color: var(--van-image-loading-icon-color);
font-size: var(--van-image-loading-icon-size);
}
&__error-icon {
color: @image-error-icon-color;
font-size: @image-error-icon-size;
color: var(--van-image-error-icon-color);
font-size: var(--van-image-error-icon-size);
}
}