mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

Include parenthesis on mixin calls to support less 4.0.0 (#28465)

Browse Source
This commit is contained in:
Chan Qin Liang 2020-12-22 11:08:12 +08:00 committed by GitHub
parent 8f1466a30f
commit 263d8ec8e8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
51 changed files with 100 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/alert/style/index.less
View File

@ -4,7 +4,7 @@
@alert-prefix-cls: ~'@{ant-prefix}-alert';
.@{alert-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
display: flex;

2
components/anchor/style/index.less
View File

@ -4,7 +4,7 @@
@anchor-border-width: 2px;
.@{ant-prefix}-anchor {
.reset-component;
.reset-component();
position: relative;
padding-left: @anchor-border-width;

2
components/auto-complete/style/index.less
View File

@ -7,7 +7,7 @@
@autocomplete-prefix-cls: ~'@{select-prefix-cls}-auto-complete';
.@{autocomplete-prefix-cls} {
.reset-component;
.reset-component();
// https://github.com/ant-design/ant-design/issues/22302
.@{select-prefix-cls}-clear {

2
components/avatar/style/index.less
View File

@ -4,7 +4,7 @@
@avatar-prefix-cls: ~'@{ant-prefix}-avatar';
.@{avatar-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
display: inline-block;

2
components/back-top/style/index.less
View File

@ -4,7 +4,7 @@
@backtop-prefix-cls: ~'@{ant-prefix}-back-top';
.@{backtop-prefix-cls} {
.reset-component;
.reset-component();
position: fixed;
right: 100px;

2
components/badge/style/index.less
View File

@ -5,7 +5,7 @@
@number-prefix-cls: ~'@{ant-prefix}-scroll-number';
.@{badge-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
display: inline-block;

2
components/badge/style/ribbon.less
View File

@ -9,7 +9,7 @@
}
.@{ribbon-prefix-cls} {
.reset-component;
.reset-component();
position: absolute;
top: 8px;

2
components/breadcrumb/style/index.less
View File

@ -4,7 +4,7 @@
@breadcrumb-prefix-cls: ~'@{ant-prefix}-breadcrumb';
.@{breadcrumb-prefix-cls} {
.reset-component;
.reset-component();
color: @breadcrumb-base-color;
font-size: @breadcrumb-font-size;

2
components/breadcrumb/style/rtl.less
View File

@ -1,6 +1,6 @@
.@{breadcrumb-prefix-cls} {
&-rtl {
.clearfix;
.clearfix();
direction: rtl;
> span {

24
components/button/style/index.less
View File

@ -20,8 +20,8 @@
// It is a render problem of chrome, which is only happened in the codesandbox demo
// 0.001px solution works and I don't why
line-height: @btn-line-height;
.btn;
.btn-default;
.btn();
.btn-default();
// Fix loading button animation
// https://github.com/ant-design/ant-design/issues/24323
@ -30,7 +30,7 @@
}
&-primary {
.btn-primary;
.btn-primary();
.@{btn-prefix-cls}-group &:not(:first-child):not(:last-child) {
border-right-color: @btn-group-border;
@ -62,41 +62,41 @@
}
&-ghost {
.btn-ghost;
.btn-ghost();
}
&-dashed {
.btn-dashed;
.btn-dashed();
}
// type="danger" will deprecated
// use danger instead
&-danger {
.btn-danger;
.btn-danger();
}
&-link {
.btn-link;
.btn-link();
}
&-text {
.btn-text;
.btn-text();
}
&-dangerous {
.btn-danger-default;
.btn-danger-default();
}
&-dangerous&-primary {
.btn-danger;
.btn-danger();
}
&-dangerous&-link {
.btn-danger-link;
.btn-danger-link();
}
&-dangerous&-text {
.btn-danger-text;
.btn-danger-text();
}
&-icon-only {

2
components/calendar/style/index.less
View File

@ -5,7 +5,7 @@
@calendar-picker-prefix-cls: ~'@{ant-prefix}-picker';
.@{calendar-prefix-cls} {
.reset-component;
.reset-component();
background: @calendar-full-bg;
// ========================= Header =========================

10
components/card/style/index.less
View File

@ -9,7 +9,7 @@
@gradient-max: fade(@card-skeleton-bg, 40%);
.@{card-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
background: @card-background;
@ -43,7 +43,7 @@
background: @card-head-background;
border-bottom: @border-width-base @border-style-base @border-color-split;
border-radius: @card-radius @card-radius 0 0;
.clearfix;
.clearfix();
&-wrapper {
display: flex;
@ -96,7 +96,7 @@
&-body {
padding: @card-padding-base;
.clearfix;
.clearfix();
}
&-contain-grid:not(&-loading) &-body {
@ -160,7 +160,7 @@
list-style: none;
background: @card-actions-background;
border-top: @border-width-base @border-style-base @border-color-split;
.clearfix;
.clearfix();
& > li {
float: left;
@ -230,7 +230,7 @@
&-meta {
margin: -4px 0;
.clearfix;
.clearfix();
&-avatar {
float: left;

2
components/carousel/style/index.less
View File

@ -4,7 +4,7 @@
@carousel-prefix-cls: ~'@{ant-prefix}-carousel';
.@{carousel-prefix-cls} {
.reset-component;
.reset-component();
.slick-slider {
position: relative;

8
components/cascader/style/index.less
View File

@ -5,7 +5,7 @@
@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
.@{cascader-prefix-cls} {
.reset-component;
.reset-component();
&-input.@{ant-prefix}-input {
// Keep it static for https://github.com/ant-design/ant-design/issues/16738
@ -24,7 +24,7 @@
}
&-picker {
.reset-component;
.reset-component();
position: relative;
display: inline-block;
@ -48,7 +48,7 @@
}
&:focus .@{cascader-prefix-cls}-input {
.active;
.active();
}
&-borderless .@{cascader-prefix-cls}-input {
@ -116,7 +116,7 @@
// https://github.com/ant-design/ant-design/pull/12407#issuecomment-424657810
&-picker-label:hover + &-input {
&:not(.@{cascader-prefix-cls}-picker-disabled &) {
.hover;
.hover();
}
}

6
components/checkbox/style/mixin.less
View File

@ -4,7 +4,7 @@
@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
// 一般状态
.@{checkbox-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
top: -0.09em;
@ -147,7 +147,7 @@
}
.@{checkbox-prefix-cls}-wrapper {
.reset-component;
.reset-component();
display: inline-block;
line-height: unset;
@ -166,7 +166,7 @@
}
.@{checkbox-prefix-cls}-group {
.reset-component;
.reset-component();
display: inline-block;
&-item {

4
components/collapse/style/index.less
View File

@ -4,7 +4,7 @@
@collapse-prefix-cls: ~'@{ant-prefix}-collapse';
.@{collapse-prefix-cls} {
.reset-component;
.reset-component();
background-color: @collapse-header-bg;
border: @border-width-base @border-style-base @border-color-base;
@ -29,7 +29,7 @@
line-height: @line-height-base;
cursor: pointer;
transition: all 0.3s;
.clearfix;
.clearfix();
.@{collapse-prefix-cls}-arrow {
.iconfont-mixin();

4
components/date-picker/style/index.less
View File

@ -21,7 +21,7 @@
@input-padding-vertical-sm - 2 * @border-width-base;
@arrow-size: 10px;
.reset-component;
.reset-component();
.picker-padding(@input-height-base, @font-size-base, @input-padding-horizontal-base);
position: relative;
display: inline-flex;
@ -217,7 +217,7 @@
// ======================= Dropdown =======================
&-dropdown {
.reset-component;
.reset-component();
position: absolute;
z-index: @zindex-picker;

2
components/divider/style/index.less
View File

@ -4,7 +4,7 @@
@divider-prefix-cls: ~'@{ant-prefix}-divider';
.@{divider-prefix-cls} {
.reset-component;
.reset-component();
border-top: @border-width-base solid @divider-color;

2
components/dropdown/style/index.less
View File

@ -5,7 +5,7 @@
@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
.@{dropdown-prefix-cls} {
.reset-component;
.reset-component();
position: absolute;
top: -9999px;

6
components/form/style/index.less
View File

@ -15,8 +15,8 @@
@form-font-height: ceil(@font-size-base * @line-height-base);
.@{form-prefix-cls} {
.reset-component;
.reset-form;
.reset-component();
.reset-form();
.@{form-prefix-cls}-text {
display: inline-block;
@ -57,7 +57,7 @@
// = Item =
// ================================================================
.@{form-item-prefix-cls} {
.reset-component;
.reset-component();
margin-bottom: @form-item-margin-bottom;
vertical-align: top;

10
components/image/style/index.less
View File

@ -21,17 +21,17 @@
}
&-placeholder {
.box;
.box();
}
&-preview {
.modal-mask;
.modal-mask();
height: 100%;
text-align: center;
&-body {
.box;
.box();
overflow: hidden;
}
@ -45,7 +45,7 @@
user-select: none;
pointer-events: auto;
&-wrapper {
.box;
.box();
transition: transform 0.3s @ease-out 0s;
&::before {
display: inline-block;
@ -71,7 +71,7 @@
}
&-operations {
.reset-component;
.reset-component();
position: absolute;
top: 0;
right: 0;

4
components/input-number/style/index.less
View File

@ -6,8 +6,8 @@
@form-item-prefix-cls: ~'@{ant-prefix}-form-item';
.@{input-number-prefix-cls} {
.reset-component;
.input;
.reset-component();
.input();
display: inline-block;
width: 90px;

6
components/input/style/index.less
View File

@ -6,12 +6,12 @@
// Input styles
.@{ant-prefix}-input {
.reset-component;
.input;
.reset-component();
.input();
//== Style for input-group: input with label, with button or dropdown...
&-group {
.reset-component;
.reset-component();
.input-group(~'@{ant-prefix}-input');
&-wrapper {
display: inline-block;

2
components/input/style/mixin.less
View File

@ -290,7 +290,7 @@
&&-compact {
display: block;
.clearfix;
.clearfix();
&-addon,
&-wrap,

2
components/list/style/index.less
View File

@ -5,7 +5,7 @@
@list-prefix-cls: ~'@{ant-prefix}-list';
.@{list-prefix-cls} {
.reset-component;
.reset-component();
position: relative;

6
components/mentions/style/index.less
View File

@ -5,8 +5,8 @@
@mention-prefix-cls: ~'@{ant-prefix}-mentions';
.@{mention-prefix-cls} {
.reset-component;
.input;
.reset-component();
.input();
position: relative;
display: inline-block;
@ -85,7 +85,7 @@
// ================== Dropdown ==================
&-dropdown {
// Ref select dropdown style
.reset-component;
.reset-component();
position: absolute;
top: -9999px;

4
components/menu/style/index.less
View File

@ -6,7 +6,7 @@
// default theme
.@{menu-prefix-cls} {
.reset-component;
.reset-component();
margin-bottom: 0;
padding-left: 0; // Override default ul/ol
@ -19,7 +19,7 @@
outline: none;
box-shadow: @box-shadow-base;
transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
.clearfix;
.clearfix();
ul,
ol {

2
components/message/style/index.less
View File

@ -4,7 +4,7 @@
@message-prefix-cls: ~'@{ant-prefix}-message';
.@{message-prefix-cls} {
.reset-component;
.reset-component();
position: fixed;
top: 8px;

4
components/modal/style/modal.less
View File

@ -2,8 +2,8 @@
@table-prefix-cls: ~'@{ant-prefix}-table';
.@{dialog-prefix-cls} {
.reset-component;
.modal-mask;
.reset-component();
.modal-mask();
position: relative;
top: 100px;

2
components/notification/style/index.less
View File

@ -9,7 +9,7 @@
@notification-margin-edge: 24px;
.@{notification-prefix-cls} {
.reset-component;
.reset-component();
position: fixed;
z-index: @zindex-notification;

6
components/page-header/style/index.less
View File

@ -4,7 +4,7 @@
@pageheader-prefix-cls: ~'@{ant-prefix}-page-header';
.@{pageheader-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
padding: @page-header-padding-vertical @page-header-padding;
background-color: @component-background;
@ -67,7 +67,7 @@
font-weight: 600;
font-size: @page-header-heading-title;
line-height: 32px;
.text-overflow-ellipsis;
.text-overflow-ellipsis();
}
.@{ant-prefix}-avatar {
@ -79,7 +79,7 @@
color: @text-color-secondary;
font-size: @page-header-heading-sub-title;
line-height: @line-height-base;
.text-overflow-ellipsis;
.text-overflow-ellipsis();
}
&-extra {

6
components/pagination/style/index.less
View File

@ -5,7 +5,7 @@
@pagination-prefix-cls: ~'@{ant-prefix}-pagination';
.@{pagination-prefix-cls} {
.reset-component;
.reset-component();
ul,
ol {
@ -241,7 +241,7 @@
vertical-align: top;
input {
.input;
.input();
width: 50px;
margin: 0 8px;
@ -350,7 +350,7 @@
line-height: @pagination-item-size-sm;
input {
.input-sm;
.input-sm();
width: 44px;
}

2
components/popover/style/index.less
View File

@ -4,7 +4,7 @@
@popover-prefix-cls: ~'@{ant-prefix}-popover';
.@{popover-prefix-cls} {
.reset-component;
.reset-component();
position: absolute;
top: 0;

2
components/progress/style/index.less
View File

@ -4,7 +4,7 @@
@progress-prefix-cls: ~'@{ant-prefix}-progress';
.@{progress-prefix-cls} {
.reset-component;
.reset-component();
display: inline-block;

6
components/radio/style/index.less
View File

@ -9,7 +9,7 @@
@radio-button-focus-shadow: @radio-focus-shadow;
.@{radio-group-prefix-cls} {
.reset-component;
.reset-component();
display: inline-block;
font-size: 0;
@ -26,7 +26,7 @@
// 一般状态
.@{radio-prefix-cls}-wrapper {
.reset-component;
.reset-component();
position: relative;
display: inline-block;
@ -36,7 +36,7 @@
}
.@{radio-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
top: @radio-top;

2
components/rate/style/index.less
View File

@ -4,7 +4,7 @@
@rate-prefix-cls: ~'@{ant-prefix}-rate';
.@{rate-prefix-cls} {
.reset-component;
.reset-component();
display: inline-block;
margin: 0;

8
components/select/style/index.less
View File

@ -61,14 +61,14 @@
}
.@{select-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
display: inline-block;
cursor: pointer;
&:not(&-customize-input) &-selector {
.select-selector;
.select-search-input-without-border;
.select-selector();
.select-search-input-without-border();
}
&:not(&-disabled):hover &-selector {
@ -176,7 +176,7 @@
// ========================== Popup ==========================
&-dropdown {
.reset-component;
.reset-component();
position: absolute;
top: -9999px;
left: -9999px;

2
components/slider/style/index.less
View File

@ -4,7 +4,7 @@
@slider-prefix-cls: ~'@{ant-prefix}-slider';
.@{slider-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
height: 12px;

2
components/spin/style/index.less
View File

@ -5,7 +5,7 @@
@spin-dot-default: @text-color-secondary;
.@{spin-prefix-cls} {
.reset-component;
.reset-component();
position: absolute;
display: none;

2
components/statistic/style/index.less
View File

@ -4,7 +4,7 @@
@statistic-prefix-cls: ~'@{ant-prefix}-statistic';
.@{statistic-prefix-cls} {
.reset-component;
.reset-component();
&-title {
margin-bottom: @margin-xss;

2
components/steps/style/index.less
View File

@ -21,7 +21,7 @@
@steps-nav-active-color: @primary-color;
.@{steps-prefix-cls} {
.reset-component;
.reset-component();
display: flex;
width: 100%;

2
components/switch/style/index.less
View File

@ -8,7 +8,7 @@
@switch-sm-pin-size: @switch-sm-height - 4px;
.@{switch-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
display: inline-block;

6
components/table/style/index.less
View File

@ -15,11 +15,11 @@
.@{table-prefix-cls}-wrapper {
clear: both;
max-width: 100%;
.clearfix;
.clearfix();
}
.@{table-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
font-size: @table-font-size;
background: @table-bg;
@ -312,7 +312,7 @@
// Dropdown
&-filter-dropdown {
.reset-component;
.reset-component();
// Reset menu
.@{dropdown-prefix-cls}-menu {

2
components/tabs/style/dropdown.less
View File

@ -3,7 +3,7 @@
@import './index';
.@{tab-prefix-cls}-dropdown {
.reset-component;
.reset-component();
position: absolute;
top: -9999px;

2
components/tabs/style/index.less
View File

@ -9,7 +9,7 @@
@tab-prefix-cls: ~'@{ant-prefix}-tabs';
.@{tab-prefix-cls} {
.reset-component;
.reset-component();
display: flex;
overflow: hidden;

2
components/tag/style/index.less
View File

@ -4,7 +4,7 @@
@tag-prefix-cls: ~'@{ant-prefix}-tag';
.@{tag-prefix-cls} {
.reset-component;
.reset-component();
display: inline-block;
height: auto;

2
components/timeline/style/index.less
View File

@ -4,7 +4,7 @@
@timeline-prefix-cls: ~'@{ant-prefix}-timeline';
.@{timeline-prefix-cls} {
.reset-component;
.reset-component();
margin: 0;
padding: 0;

2
components/tooltip/style/index.less
View File

@ -13,7 +13,7 @@
// Base class
.@{tooltip-prefix-cls} {
.reset-component;
.reset-component();
position: absolute;
z-index: @zindex-tooltip;

2
components/transfer/style/index.less
View File

@ -10,7 +10,7 @@
);
.@{transfer-prefix-cls} {
.reset-component;
.reset-component();
position: relative;
display: flex;

2
components/tree/style/mixin.less
View File

@ -43,7 +43,7 @@
.antTreeFn(@custom-tree-prefix-cls) {
@custom-tree-node-prefix-cls: ~'@{custom-tree-prefix-cls}-treenode';
.reset-component;
.reset-component();
background: @tree-bg;
border-radius: @border-radius-base;
transition: background-color 0.3s;

8
components/upload/style/index.less
View File

@ -7,7 +7,7 @@
@upload-picture-card-border-style: @border-style-base;
.@{upload-prefix-cls} {
.reset-component;
.reset-component();
outline: 0;
@ -131,7 +131,7 @@
}
&-picture-card-wrapper {
.clearfix;
.clearfix();
display: inline-block;
width: 100%;
@ -139,8 +139,8 @@
}
.@{upload-prefix-cls}-list {
.reset-component;
.clearfix;
.reset-component();
.clearfix();
line-height: @line-height-base;
// ============================ Item ============================