feat(style): component using basic css variables
This commit is contained in:
@@ -71,7 +71,7 @@
|
||||
|
||||
&__index {
|
||||
position: absolute;
|
||||
top: @padding-md;
|
||||
top: var(--van-padding-md);
|
||||
left: 50%;
|
||||
color: var(--van-image-preview-index-text-color);
|
||||
font-size: var(--van-image-preview-index-font-size);
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@image-preview-index-text-color: @white;
|
||||
@image-preview-index-font-size: @font-size-md;
|
||||
@image-preview-index-line-height: @line-height-md;
|
||||
@image-preview-index-text-shadow: 0 1px 1px @gray-8;
|
||||
@image-preview-index-text-color: var(--van-white);
|
||||
@image-preview-index-font-size: var(--van-font-size-md);
|
||||
@image-preview-index-line-height: var(--van-line-height-md);
|
||||
@image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);
|
||||
@image-preview-overlay-background-color: rgba(0, 0, 0, 0.9);
|
||||
@image-preview-close-icon-size: 22px;
|
||||
@image-preview-close-icon-color: @gray-5;
|
||||
@image-preview-close-icon-active-color: @gray-6;
|
||||
@image-preview-close-icon-margin: @padding-md;
|
||||
@image-preview-close-icon-color: var(--van-gray-5);
|
||||
@image-preview-close-icon-active-color: var(--van-gray-6);
|
||||
@image-preview-close-icon-margin: var(--van-padding-md);
|
||||
@image-preview-close-icon-z-index: 1;
|
||||
|
||||
Reference in New Issue
Block a user