fix: fix cr

Author: anlyyao

style/mobile/components/calendar/_index.less

@@ -19,11 +19,9 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: @calendar-title-font-size;
-    font-weight: 600;
+    font: @calendar-title-font;
     color: @calendar-title-color;
-    height: 26px;
-    padding: 16px;
+    padding: @spacer-2;
 
     &:focus {
       outline: 0;
@@ -32,10 +30,10 @@
 
   &__close-btn {
     position: absolute;
-    top: 16px;
-    right: 16px;
-    margin: -12px;
-    padding: 12px;
+    top: @spacer-2;
+    right: @spacer-2;
+    margin: calc(-1 * @spacer-1);
+    padding: @spacer-1;
     color: @calendar-title-color;
   }
 
@@ -93,9 +91,8 @@
   }
 
   &__month {
-    font-size: 14px;
+    font: @font-title-small;
     color: @calendar-title-color;
-    font-weight: 600;
     padding: 16px 0 0;
 
     &s {

style/mobile/components/calendar/_var.less

@@ -2,7 +2,7 @@
 @calendar-bg-color: var(--td-calendar-bg-color, @bg-color-container);
 @calendar-active-color: var(--td-calendar-active-color, @brand-color);
 @calendar-selected-color: var(--td-calendar-selected-color, @text-color-anti);
-@calendar-title-font-size: var(--td-calendar-title-font-size, 18px);
+@calendar-title-font: var(--td-calendar-title-font, @font-title-large);
 @calendar-title-color: var(--td-calendar-title-color, @text-color-primary);
 @calendar-dates-color: var(--td-calendar-dates-color, @text-color-primary);
 @calendar-days-color: var(--td-calendar-days-color, @text-color-secondary);

style/mobile/components/color-picker/_index.less

@@ -23,7 +23,7 @@
     outline: none;
     width: @color-picker-slider-thumb-size;
     height: @color-picker-slider-thumb-size;
-    border-radius: @color-picker-border-radius-circle;
+    border-radius: @radius-circle;
     box-shadow: @color-picker-thumbs-shadow;
     color: @text-color-brand;
     box-sizing: border-box;
@@ -32,7 +32,7 @@
     &::after {
       content: "";
       position: absolute;
-      border-radius: @color-picker-border-radius-circle;
+      border-radius: @radius-circle;
       box-sizing: border-box;
       display: block;
       border: 1px solid @component-border;
@@ -86,7 +86,7 @@
     .@{color-picker}__thumb {
       width: @color-picker-saturation-thumb-size;
       height: @color-picker-saturation-thumb-size;
-      border-radius: @color-picker-border-radius-circle;
+      border-radius: @radius-circle;
       transform: translate(-50%, -50%);
     }
   }

style/mobile/components/color-picker/_var.less

@@ -27,7 +27,6 @@
 @color-picker-swatch-active: var(--td-color-picker-swatch-active, rgba(0, 0, 0, 20%));
 
 @color-picker-thumbs-shadow: @shadow-1;
-@color-picker-border-radius-circle: var(--td-color-picker-border-radius-circle, @radius-circle);
 @color-picker-format-background-color: var(--td-color-picker-format-background-color, @gray-color-1);
 
 @color-picker: ~"@{prefix}-color-picker";

style/mobile/components/dropdown-menu/_index.less

@@ -5,16 +5,16 @@
 .@{dropdownMenu} {
   position: relative;
   display: flex;
-  height: 48px;
-  background: @dropdown-menu-bg-color;
+  background: @dropdown-menu-background;
   .border(bottom);
 
   &__item {
     display: flex;
     flex: 1;
     align-items: center;
     justify-content: center;
-    padding: 0 @spacer;
+    padding: @spacer-1 @spacer;
+    box-sizing: border-box;
     position: relative;
     overflow: hidden;
     color: @dropdown-menu-color;
@@ -45,6 +45,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-size: @dropdown-menu-font-size;
+    font: @dropdown-menu-font;
   }
 }

style/mobile/components/dropdown-menu/_var.less

@@ -1,8 +1,8 @@
-@dropdown-menu-bg-color: var(--td-dropdown-menu-bg-colorm, @bg-color-container);
-@dropdown-menu-color: var(--td-dropdown-menu-colorm, @text-color-primary);
-@dropdown-menu-active-color: var(--td-dropdown-menu-active-colorm, @brand-color);
-@dropdown-menu-disabled-color: var(--td-dropdown-menu-disabled-colorm, @text-color-disabled);
-@dropdown-menu-font-size: var(--td-dropdown-menu-font-sizem, 14px);
-@dropdown-menu-icon-size: var(--td-dropdown-menu-icon-sizem, 24px);
+@dropdown-menu-background: var(--td-dropdown-menu-background, @bg-color-container);
+@dropdown-menu-color: var(--td-dropdown-menu-color, @text-color-primary);
+@dropdown-menu-active-color: var(--td-dropdown-menu-active-color, @brand-color);
+@dropdown-menu-disabled-color: var(--td-dropdown-menu-disabled-color, @text-color-disabled);
+@dropdown-menu-font: var(--td-dropdown-menu-font, @font-body-medium);
+@dropdown-menu-icon-size: var(--td-dropdown-menu-icon-size, 24px);
 
 @dropdownMenu: ~"@{prefix}-dropdown-menu";