style: add var ext (#8063)

src/action-bar-button/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-action-bar-button {
   flex: 1;

src/action-bar-icon/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-action-bar-icon {
   display: flex;

src/action-bar/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-action-bar {

src/action-sheet/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/hairline';
 
 .van-action-sheet {

src/address-edit/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-address-edit {
   padding: @address-edit-padding;

src/address-list/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-address-list {

src/badge/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-badge {
   display: inline-block;

src/button/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-button {
   position: relative;

src/calendar/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-calendar {

src/card/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-card {
   position: relative;

src/cascader/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-cascader {
   &__header {

src/cell-group/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-cell-group {
   background-color: @cell-group-background-color;

src/cell/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/hairline';
 
 .van-cell {

src/checkbox-group/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-checkbox-group {
   &--horizontal {

src/checkbox/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-checkbox {
   display: flex;

src/circle/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-circle {
   position: relative;

src/col/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-col {
   display: block;

src/collapse-item/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/hairline';
 
 .van-collapse-item {

src/contact-card/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-contact-card {
   padding: @contact-card-padding;

src/contact-edit/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-contact-edit {
   padding: @contact-edit-padding;

src/contact-list/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-contact-list {

src/count-down/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-count-down {
   color: @count-down-text-color;

src/coupon-cell/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-coupon-cell {
   &__value--selected {

src/coupon-list/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-coupon-list {
   position: relative;

src/coupon/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/ellipsis';
 
 .van-coupon {

src/dialog/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-dialog {
   top: 45%;

src/divider/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-divider {
   display: flex;

src/dropdown-item/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-dropdown-item {
   position: fixed;

src/dropdown-menu/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-dropdown-menu {
   user-select: none;

src/empty/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-empty {
   display: flex;

src/field/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-field {
   &__label {

src/grid-item/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-grid-item {
   position: relative;

src/grid/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-grid {
   display: flex;

src/icon/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '~@vant/icons/src/encode-woff2.less';
 
 .van-icon {

src/image-preview/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-image-preview {
   position: fixed;

src/image/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-image {
   position: relative;

src/index-anchor/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-index-anchor {
   z-index: @index-anchor-z-index;

src/index-bar/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-index-bar {
   &__sidebar {

src/list/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-list {
   &__loading,

src/loading/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-loading {
   position: relative;

src/nav-bar/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-nav-bar {
   position: relative;

src/notice-bar/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-notice-bar {
   position: relative;

src/notify/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-notify {
   display: flex;

src/number-keyboard/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-number-keyboard {
   position: fixed;

src/overlay/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-overlay {
   position: fixed;

src/pagination/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-pagination {
   display: flex;

src/password-input/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-password-input {
   position: relative;

src/picker/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-picker {
   position: relative;

src/popover/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-popover {
   position: absolute;

src/popup/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van {

src/progress/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-progress {
   position: relative;

src/pull-refresh/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-pull-refresh {
   overflow: hidden;

src/radio-group/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-radio-group {
   &--horizontal {

src/radio/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-radio {
   display: flex;

src/rate/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-rate {
   display: inline-flex;

src/row/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-row {
   display: flex;

src/search/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-search {
   display: flex;

src/share-sheet/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/hairline';
 
 .van-share-sheet {

src/sidebar-item/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-sidebar-item {
   position: relative;

src/sidebar/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-sidebar {
   width: @sidebar-width;

src/skeleton/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-skeleton {
   display: flex;

src/slider/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-slider {
   position: relative;

src/step/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-step {
   position: relative;

src/stepper/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-stepper {
   display: inline-block;

src/steps/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-steps {
   overflow: hidden;

src/sticky/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-sticky {
   &--fixed {

src/submit-bar/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-submit-bar {

src/swipe-cell/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-swipe-cell {
   position: relative;

src/swipe-item/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-swipe-item {
   position: relative;

src/swipe/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-swipe {
   position: relative;

src/switch/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-switch {
   position: relative;

src/tab/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-tab {
   &__pane {

src/tabbar-item/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-tabbar-item {
   display: flex;

src/tabbar/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-tabbar {

src/tabs/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-tab {
   position: relative;

src/tag/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-tag {
   position: relative;

src/toast/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-toast {
   display: flex;

src/tree-select/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-tree-select {
   position: relative;

src/uploader/index.less

@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-uploader {
   position: relative;