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

feat(style): component using basic css variables

Browse Source
This commit is contained in:
chenjiahan
2021-06-12 15:52:22 +08:00
committed by neverland
parent aef2579a95
commit 710aebaee4
117 changed files with 707 additions and 705 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/grid-item/index.less
+5 -4
View File
@@ -30,7 +30,7 @@
}
&__icon + &__text {
margin-top: @padding-xs;
margin-top: var(--van-padding-xs);
}
&__content {
@@ -43,7 +43,8 @@
&::after {
z-index: 1;
border-width: 0 @border-width-base @border-width-base 0;
border-width: 0 var(--van-border-width-base) var(--van-border-width-base)
0;
}
&--square {
@@ -63,13 +64,13 @@
.van-grid-item__icon + .van-grid-item__text {
margin-top: 0;
margin-left: @padding-xs;
margin-left: var(--van-padding-xs);
}
}
&--surround {
&::after {
border-width: @border-width-base;
border-width: var(--van-border-width-base);
}
}
src/grid-item/var.less
+5 -5
View File
@@ -1,8 +1,8 @@
@import '../style/var.less';
@grid-item-content-padding: @padding-md @padding-xs;
@grid-item-content-background-color: @white;
@grid-item-content-active-color: @active-color;
@grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);
@grid-item-content-background-color: var(--van-white);
@grid-item-content-active-color: var(--van-active-color);
@grid-item-icon-size: 28px;
@grid-item-text-color: @gray-7;
@grid-item-text-font-size: @font-size-sm;
@grid-item-text-color: var(--van-gray-7);
@grid-item-text-font-size: var(--van-font-size-sm);