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/cascader/index.less
+7 -7
View File
@@ -26,7 +26,7 @@
}
&__title {
font-weight: @font-weight-bold;
font-weight: var(--van-font-weight-bold);
font-size: var(--van-cascader-title-font-size);
line-height: var(--van-cascader-title-line-height);
}
@@ -58,7 +58,7 @@
&__tab {
color: var(--van-cascader-tab-color);
font-weight: @font-weight-bold;
font-weight: var(--van-font-weight-bold);
&--unselected {
color: var(--van-cascader-unselected-tab-color);
@@ -70,17 +70,17 @@
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px @padding-md;
font-size: @font-size-md;
line-height: @line-height-md;
padding: 10px var(--van-padding-md);
font-size: var(--van-font-size-md);
line-height: var(--van-line-height-md);
&:active {
background-color: @active-color;
background-color: var(--van-active-color);
}
&--selected {
color: var(--van-cascader-active-color);
font-weight: @font-weight-bold;
font-weight: var(--van-font-weight-bold);
}
}
src/cascader/var.less
+7 -7
View File
@@ -1,15 +1,15 @@
@import '../style/var.less';
@cascader-header-height: 48px;
@cascader-header-padding: 0 @padding-md;
@cascader-title-font-size: @font-size-lg;
@cascader-header-padding: 0 var(--van-padding-md);
@cascader-title-font-size: var(--van-font-size-lg);
@cascader-title-line-height: 20px;
@cascader-close-icon-size: 22px;
@cascader-close-icon-color: @gray-5;
@cascader-close-icon-active-color: @gray-6;
@cascader-close-icon-color: var(--van-gray-5);
@cascader-close-icon-active-color: var(--van-gray-6);
@cascader-selected-icon-size: 18px;
@cascader-tabs-height: 48px;
@cascader-active-color: @red;
@cascader-active-color: var(--van-red);
@cascader-options-height: 384px;
@cascader-tab-color: @text-color;
@cascader-unselected-tab-color: @gray-6;
@cascader-tab-color: var(--van-text-color);
@cascader-unselected-tab-color: var(--van-gray-6);