Merge branch 'develop' of https://gitee.com/layui-vue/layui-vue into dark

src/component/avatar/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-avatar {
   box-sizing: border-box;

src/component/avatarList/index.less

@@ -1 +1 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";

src/component/backTop/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 /** backtop **/
 @width: 50px;

src/component/badge/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-badge,
 .layui-badge-dot,

src/component/body/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-body {
   display: block;

src/component/breadcrumb/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-breadcrumb {
   font-size: 0;

src/component/breadcrumbItem/index.less

@@ -1 +1 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";

src/component/button/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @button-primary-color: var(--button-primary-color);
 @button-primary-border-color: var(--button-primary-border-color);

src/component/buttonContainer/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-btn-container {
   font-size: 0;

src/component/buttonGroup/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @button-primary-color: @global-primary-color;
 @button-border-radius: @global-border-radius;

src/component/card/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @card-border-radius: var(--card-border-radius);
 @card-back-color: var(--card-back-color);

src/component/carousel/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-carousel {
   position: relative;

src/component/carouselItem/index.less

@@ -1 +1 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";

src/component/checkbox/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-form-checkbox {
   position: relative;

src/component/checkboxGroup/index.less

@@ -1 +1 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";

src/component/col/index.less

@@ -1 +1 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";

src/component/collapse/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-collapse {
   border-width: 1px;

src/component/collapseItem/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-colla-content,
 .layui-colla-item {

src/component/colorPicker/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-color-picker {
   position: relative;

src/component/container/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-container {
   position: relative;

src/component/countUp/index.less

@@ -1 +1 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";

src/component/dropdown/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-dropdown {
   position: relative;

src/component/dropdownMenuItem/index.less

@@ -1 +1 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";

src/component/empty/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-empty {
   margin: 0 8px;

src/component/exception/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-exception {
   .layui-exception-image {

src/component/field/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @field-border-color: var(--field-border-color);
 @field-border-radius: var(--field-border-radius);

src/component/footer/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-footer {
   box-sizing: border-box;

src/component/form/index.less

@@ -1 +1 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";

src/component/formItem/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @error_color: red;
 

src/component/fullscreen/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-fullscreen {
   position: fixed;

src/component/header/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-header {
   box-sizing: border-box;

src/component/icon/index.less

@@ -1 +1 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";

src/component/iconPicker/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @icon-picker-border-radius: var(--icon-picker-border-radius);
 @icon-picker-checked-color: var(--icon-picker-checked-color);

src/component/input/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @input-border-radius: var(--input-border-radius);
 @input-border-color: var(--input-border-color);

src/component/inputNumber/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @border-color: #eee;
 @hover-border-color: @global-primary-color;

src/component/keyboard/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-keyboard-header {
   height: 40px;

src/component/layout/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-layout {
   flex: 1;

src/component/menu/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-nav .layui-show.layui-anim-upbit .layui-show.layui-anim-upbit {
   top: 0px;

src/component/page/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-laypage {
   display: inline-block;

src/component/panel/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @panel-border-color: var(--panel-border-color);
 @panel-border-radius: var(--panel-border-radius);

src/component/popper/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 // 主题颜色
 // 浅色 --> 默认使用

src/component/progress/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-progress {
   position: relative;

src/component/quote/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @block-default-color: var(--block-default-color);
 @block-border-radius: var(--block-border-radius);

src/component/radio/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-form-radio,
 .layui-form-radio * {

src/component/rate/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-rate,
 .layui-rate * {

src/component/result/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .result {
   text-align: center;

src/component/row/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-row:after,
 .layui-row:before {

src/component/select/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 dl.layui-anim-upbit > dd input[type="checkbox"] {
   display: none;

src/component/side/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-side {
   overflow: auto;

src/component/skeleton/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .lay-skeleton {
   .lay-skeleton-item {

src/component/slider/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 // 横向样式
 .layui-slider-v {

src/component/splitPanel/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .lay-split-panel {
   height: 100%;

src/component/step/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @width-height-pace: 24px;
 @step-color: @step-success-color;

src/component/switch/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-form-switch {
   position: relative;

src/component/tab/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-tab {
   margin: 10px 0;

src/component/table/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .laytable-cell-checkbox {
   width: 34px;

src/component/textarea/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @textarea-border-radius: var(--textarea-border-radius);
 @textarea-border-color: var(--textarea-border-color);

src/component/timeline/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-timeline {
   padding-left: 5px;

src/component/transfer/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 @transfer-box-border-radius: var(--transfer-box-border-radius);
 

src/component/tree/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-tree {
   line-height: 22px;

src/component/upload/index.less

@@ -1,4 +1,4 @@
-@import "../../theme/variable.less";
+@import (reference) "../../theme/variable.less";
 
 .layui-upload-file {
   // display: none !important;