Skip to content

Commit

Permalink
fix(comp:all): add default.variable.less (#646)
Browse files Browse the repository at this point in the history
  • Loading branch information
ttdegit committed Dec 22, 2021
1 parent bfbaa1d commit 9eced60
Show file tree
Hide file tree
Showing 108 changed files with 1,155 additions and 1,151 deletions.
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
@import '../../../../style/themes/default.less';
@import '../index.less';
@import './default.variable.less';
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
// _private
3 changes: 1 addition & 2 deletions packages/components/_private/mask/style/themes/default.less
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
@import '../../../../style/themes/default.less';
@import '../index.less';

@mask-background-color: fade(@color-black, 40%);
@import './default.variable.less';
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@mask-background-color: fade(@color-black, 40%);
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
@import '../../../../style/themes/default.less';
@import '../index.less';

@overlay-arrow-size: 6px;
@import './default.variable.less';
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@overlay-arrow-size: 6px;
Original file line number Diff line number Diff line change
@@ -1,27 +1,4 @@
@import '../../../../style/themes/default.less';
@import '../../../../form/style/themes/default.less';
@import '../index.less';

@time-panel-disabled-color: @form-disabled-color;

@time-panel-height: 224px;
@time-panel-padding: @spacing-md;

@time-panel-window-border-width: @form-border-width;
@time-panel-window-border-style: @form-border-style;
@time-panel-window-border-color: @form-border-color;

@time-panel-cell-width: 40px;
@time-panel-cell-height: 32px;
@time-panel-cell-color: @color-graphite-d10;
@time-panel-cell-active-background-color: transparent;
@time-panel-cell-selected-color: @color-graphite-d40;
@time-panel-cell-selected-font-weight: @font-weight-lg;
@time-panel-cell-selected-background-color: transparent;

@time-panel-scrollbar-width: 6px;
@time-panel-scrollbar-thumb-background-color: @color-graphite-l10;
@time-panel-scrollbar-thumb-border-radius: 10px;
@time-panel-scrollbar-track-background: transparent;
@time-panel-scrollbar-track-transition: all 0.1s linear;

@import './default.variable.less';
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
@time-panel-disabled-color: @form-disabled-color;

@time-panel-height: 224px;
@time-panel-padding: @spacing-md;

@time-panel-window-border-width: @form-border-width;
@time-panel-window-border-style: @form-border-style;
@time-panel-window-border-color: @form-border-color;

@time-panel-cell-width: 40px;
@time-panel-cell-height: 32px;
@time-panel-cell-color: @color-graphite-d10;
@time-panel-cell-active-background-color: transparent;
@time-panel-cell-selected-color: @color-graphite-d40;
@time-panel-cell-selected-font-weight: @font-weight-lg;
@time-panel-cell-selected-background-color: transparent;

@time-panel-scrollbar-width: 6px;
@time-panel-scrollbar-thumb-background-color: @color-graphite-l10;
@time-panel-scrollbar-thumb-border-radius: 10px;
@time-panel-scrollbar-track-background: transparent;
@time-panel-scrollbar-track-transition: all 0.1s linear;
2 changes: 1 addition & 1 deletion packages/components/affix/style/themes/default.less
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
@import '../../../style/themes/default.less';

@import './default.variable.less';
@import '../index.less';
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
// affix
33 changes: 1 addition & 32 deletions packages/components/alert/style/themes/default.less
Original file line number Diff line number Diff line change
@@ -1,34 +1,3 @@
@import '../../../style/themes/default.less';
@import '../index.less';

@alert-success-color: @color-success-d10;
@alert-info-color: @color-info-d10;
@alert-warning-color: @color-warning-d10;
@alert-error-color: @color-error-d10;
@alert-success-background-color: @color-success-l50;
@alert-info-background-color: @color-info-l50;
@alert-warning-background-color: @color-warning-l50;
@alert-error-background-color: @color-error-l50;

@alert-color: @text-color;
@alert-color-secondary: @text-color-secondary;
@alert-disabled-color: @disabled-color;

@alert-font-size: @font-size-md;

@alert-line-height: @line-height-base;
@alert-border-radius: @border-radius-sm;
@alert-margin-bottom: @spacing-lg;
@alert-padding: @spacing-sm @spacing-lg;

@alert-icon-margin-right: @spacing-sm;
@alert-icon-font-size-with-description: @font-size-xl;
@alert-icon-margin-right-with-description: @spacing-lg;

@alert-title-font-size-with-description: @font-size-lg;
@alert-title-margin-bottom-with-description: @spacing-xs;

@alert-pagination-icon-padding: 0 @spacing-xs;
@alert-action-margin-left: @spacing-lg;

@alert-transition-duration: @transition-duration-base;
@import './default.variable.less';
31 changes: 31 additions & 0 deletions packages/components/alert/style/themes/default.variable.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
@alert-success-color: @color-success-d10;
@alert-info-color: @color-info-d10;
@alert-warning-color: @color-warning-d10;
@alert-error-color: @color-error-d10;
@alert-success-background-color: @color-success-l50;
@alert-info-background-color: @color-info-l50;
@alert-warning-background-color: @color-warning-l50;
@alert-error-background-color: @color-error-l50;

@alert-color: @text-color;
@alert-color-secondary: @text-color-secondary;
@alert-disabled-color: @disabled-color;

@alert-font-size: @font-size-md;

@alert-line-height: @line-height-base;
@alert-border-radius: @border-radius-sm;
@alert-margin-bottom: @spacing-lg;
@alert-padding: @spacing-sm @spacing-lg;

@alert-icon-margin-right: @spacing-sm;
@alert-icon-font-size-with-description: @font-size-xl;
@alert-icon-margin-right-with-description: @spacing-lg;

@alert-title-font-size-with-description: @font-size-lg;
@alert-title-margin-bottom-with-description: @spacing-xs;

@alert-pagination-icon-padding: 0 @spacing-xs;
@alert-action-margin-left: @spacing-lg;

@alert-transition-duration: @transition-duration-base;
16 changes: 1 addition & 15 deletions packages/components/anchor/style/themes/default.less
Original file line number Diff line number Diff line change
@@ -1,17 +1,3 @@
@import '../../../style/themes/default.less';
@import '../index.less';

@anchor-bg: @background-color-component;
@anchor-wrapper-margin-left: -@spacing-xs;
@anchor-wrapper-padding-left: @spacing-xs;
@anchor-color: @text-color;
@anchor-border-width: @border-width-md;
@anchor-border-color: @border-color;

@anchor-ink-ball-size: 8px;
@anchor-ink-ball-radius: 50%;

@anchor-link-padding: @spacing-sm 0 @spacing-sm @spacing-md;
@anchor-link-line-height: 1;
@anchor-link-margin-bottom: 6px;
@anchor-link-active-color: @color-primary;
@import './default.variable.less';
14 changes: 14 additions & 0 deletions packages/components/anchor/style/themes/default.variable.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
@anchor-bg: @background-color-component;
@anchor-wrapper-margin-left: -@spacing-xs;
@anchor-wrapper-padding-left: @spacing-xs;
@anchor-color: @text-color;
@anchor-border-width: @border-width-md;
@anchor-border-color: @border-color;

@anchor-ink-ball-size: 8px;
@anchor-ink-ball-radius: 50%;

@anchor-link-padding: @spacing-sm 0 @spacing-sm @spacing-md;
@anchor-link-line-height: 1;
@anchor-link-margin-bottom: 6px;
@anchor-link-active-color: @color-primary;
12 changes: 1 addition & 11 deletions packages/components/avatar/style/themes/default.less
Original file line number Diff line number Diff line change
@@ -1,13 +1,3 @@
@import '../../../style/themes/default.less';
@import '../index.less';

@avatar-size-sm: @height-sm;
@avatar-size-md: @height-md;
@avatar-size-lg: @height-lg;
@avatar-font-size-sm: @font-size-lg;
@avatar-font-size-md: @font-size-xl;
@avatar-font-size-lg: @font-size-2xl;
@avatar-color: @color-white;
@avatar-bg-color: @color-grey;
@avatar-border-radius-circle: @border-radius-full;
@avatar-border-radius-square: @border-radius-sm;
@import './default.variable.less';
10 changes: 10 additions & 0 deletions packages/components/avatar/style/themes/default.variable.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
@avatar-size-sm: @height-sm;
@avatar-size-md: @height-md;
@avatar-size-lg: @height-lg;
@avatar-font-size-sm: @font-size-lg;
@avatar-font-size-md: @font-size-xl;
@avatar-font-size-lg: @font-size-2xl;
@avatar-color: @color-white;
@avatar-bg-color: @color-grey;
@avatar-border-radius-circle: @border-radius-full;
@avatar-border-radius-square: @border-radius-sm;
20 changes: 1 addition & 19 deletions packages/components/back-top/style/themes/default.less
Original file line number Diff line number Diff line change
@@ -1,21 +1,3 @@
@import '../../../style/themes/default.less';
@import '../index.less';

@back-top-zindex: @zindex-l2-base;
@back-top-height: @height-lg;
@back-top-width: @height-lg;

@back-top-font-size: @font-size-3xl;

@back-top-border-radius: 50%;

@back-top-right-gutter: 32px;
@back-top-right-xs: (@back-top-right-gutter / 2);
@back-top-right-sm: @back-top-right-gutter;
@back-top-right-md: @back-top-right-gutter * 1.5;
@back-top-right-lg: @back-top-right-gutter * 2;
@back-top-right-xl: @back-top-right-gutter * 3;

@back-top-bottom: 50px;

@back-top-background-color: @color-primary;
@import './default.variable.less';
18 changes: 18 additions & 0 deletions packages/components/back-top/style/themes/default.variable.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
@back-top-zindex: @zindex-l2-base;
@back-top-height: @height-lg;
@back-top-width: @height-lg;

@back-top-font-size: @font-size-3xl;

@back-top-border-radius: 50%;

@back-top-right-gutter: 32px;
@back-top-right-xs: (@back-top-right-gutter / 2);
@back-top-right-sm: @back-top-right-gutter;
@back-top-right-md: @back-top-right-gutter * 1.5;
@back-top-right-lg: @back-top-right-gutter * 2;
@back-top-right-xl: @back-top-right-gutter * 3;

@back-top-bottom: 50px;

@back-top-background-color: @color-primary;
7 changes: 1 addition & 6 deletions packages/components/badge/style/themes/default.less
Original file line number Diff line number Diff line change
@@ -1,8 +1,3 @@
@import '../../../style/themes/default.less';
@import '../index.less';

@badge-zindex: @zindex-auto;
@badge-size: 16px;
@badge-color: @color-red;
@badge-padding: 0 3px;
@badge-dot-size: 6px;
@import './default.variable.less';
5 changes: 5 additions & 0 deletions packages/components/badge/style/themes/default.variable.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
@badge-zindex: @zindex-auto;
@badge-size: 16px;
@badge-color: @color-red;
@badge-padding: 0 3px;
@badge-dot-size: 6px;
11 changes: 1 addition & 10 deletions packages/components/breadcrumb/style/themes/default.less
Original file line number Diff line number Diff line change
@@ -1,12 +1,3 @@
@import '../../../style/themes/default.less';
@import '../index.less';

@breadcrumb-base-color: @text-color-secondary;
@breadcrumb-link-color: @text-color-secondary;
@breadcrumb-link-color-hover: @color-primary;
@breadcrumb-separator-color: @text-color-secondary;
@breadcrumb-last-item-color: @text-color;

@breadcrumb-font-size: @font-size-base;

@breadcrumb-separator-margin: 0 @margin-sm;
@import './default.variable.less';
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
@breadcrumb-base-color: @text-color-secondary;
@breadcrumb-link-color: @text-color-secondary;
@breadcrumb-link-color-hover: @color-primary;
@breadcrumb-separator-color: @text-color-secondary;
@breadcrumb-last-item-color: @text-color;

@breadcrumb-font-size: @font-size-base;

@breadcrumb-separator-margin: 0 @margin-sm;
23 changes: 1 addition & 22 deletions packages/components/card/style/themes/default.less
Original file line number Diff line number Diff line change
@@ -1,24 +1,3 @@
@import '../../../style/themes/default.less';
@import '../index.less';

@card-padding-md: @spacing-lg;
@card-padding-sm: @spacing-md;
@card-padding-lg: @spacing-xl;
@card-color: @text-color;
@card-bg-color: @background-color-component;
@card-border-width: @border-width-sm;
@card-border-style: @border-style;
@card-border-color: @border-color-split;
@card-border-color-hover: transparent;
@card-border-radius: @border-radius-sm;
@card-box-shadow: @shadow-bottom-sm;
@card-gradient-min: fade(@color-grey, 20%);
@card-gradient-max: fade(@color-grey, 60%);
@card-transition-duration: @transition-duration-base;

@card-loading-spacing: @spacing-xs;
@card-loading-height: @font-size-md;
@card-loading-bg-size: 600%;
@card-loading-transition-duration: 2s;

@card-grid-width: 25%;
@import './default.variable.less';
21 changes: 21 additions & 0 deletions packages/components/card/style/themes/default.variable.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
@card-padding-md: @spacing-lg;
@card-padding-sm: @spacing-md;
@card-padding-lg: @spacing-xl;
@card-color: @text-color;
@card-bg-color: @background-color-component;
@card-border-width: @border-width-sm;
@card-border-style: @border-style;
@card-border-color: @border-color-split;
@card-border-color-hover: transparent;
@card-border-radius: @border-radius-sm;
@card-box-shadow: @shadow-bottom-sm;
@card-gradient-min: fade(@color-grey, 20%);
@card-gradient-max: fade(@color-grey, 60%);
@card-transition-duration: @transition-duration-base;

@card-loading-spacing: @spacing-xs;
@card-loading-height: @font-size-md;
@card-loading-bg-size: 600%;
@card-loading-transition-duration: 2s;

@card-grid-width: 25%;
13 changes: 1 addition & 12 deletions packages/components/carousel/style/themes/default.less
Original file line number Diff line number Diff line change
@@ -1,14 +1,3 @@
@import '../../../style/themes/default.less';
@import '../index.less';

@carousel-arrow-size: @font-size-2xl;
@carousel-arrow-color: @color-white;
@carousel-arrow-spacing: @spacing-gutter;

@carousel-dot-size: @spacing-gutter;
@carousel-dot-background-color: @color-white;
@carousel-dot-gap: @spacing-md;
@carousel-dot-spacing: @spacing-lg;

@carousel-icon-opacity: 0.3;
@carousel-icon-active-opacity: 0.8;
@import './default.variable.less';
11 changes: 11 additions & 0 deletions packages/components/carousel/style/themes/default.variable.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
@carousel-arrow-size: @font-size-2xl;
@carousel-arrow-color: @color-white;
@carousel-arrow-spacing: @spacing-gutter;

@carousel-dot-size: @spacing-gutter;
@carousel-dot-background-color: @color-white;
@carousel-dot-gap: @spacing-md;
@carousel-dot-spacing: @spacing-lg;

@carousel-icon-opacity: 0.3;
@carousel-icon-active-opacity: 0.8;

0 comments on commit 9eced60

Please sign in to comment.