mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 09:26:06 +08:00
Include parenthesis on mixin calls to support less 4.0.0 (#28465)
This commit is contained in:
parent
8f1466a30f
commit
263d8ec8e8
@ -4,7 +4,7 @@
|
|||||||
@alert-prefix-cls: ~'@{ant-prefix}-alert';
|
@alert-prefix-cls: ~'@{ant-prefix}-alert';
|
||||||
|
|
||||||
.@{alert-prefix-cls} {
|
.@{alert-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@anchor-border-width: 2px;
|
@anchor-border-width: 2px;
|
||||||
|
|
||||||
.@{ant-prefix}-anchor {
|
.@{ant-prefix}-anchor {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: @anchor-border-width;
|
padding-left: @anchor-border-width;
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
@autocomplete-prefix-cls: ~'@{select-prefix-cls}-auto-complete';
|
@autocomplete-prefix-cls: ~'@{select-prefix-cls}-auto-complete';
|
||||||
|
|
||||||
.@{autocomplete-prefix-cls} {
|
.@{autocomplete-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
// https://github.com/ant-design/ant-design/issues/22302
|
// https://github.com/ant-design/ant-design/issues/22302
|
||||||
.@{select-prefix-cls}-clear {
|
.@{select-prefix-cls}-clear {
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@avatar-prefix-cls: ~'@{ant-prefix}-avatar';
|
@avatar-prefix-cls: ~'@{ant-prefix}-avatar';
|
||||||
|
|
||||||
.@{avatar-prefix-cls} {
|
.@{avatar-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@backtop-prefix-cls: ~'@{ant-prefix}-back-top';
|
@backtop-prefix-cls: ~'@{ant-prefix}-back-top';
|
||||||
|
|
||||||
.@{backtop-prefix-cls} {
|
.@{backtop-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 100px;
|
right: 100px;
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
@number-prefix-cls: ~'@{ant-prefix}-scroll-number';
|
@number-prefix-cls: ~'@{ant-prefix}-scroll-number';
|
||||||
|
|
||||||
.@{badge-prefix-cls} {
|
.@{badge-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.@{ribbon-prefix-cls} {
|
.@{ribbon-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@breadcrumb-prefix-cls: ~'@{ant-prefix}-breadcrumb';
|
@breadcrumb-prefix-cls: ~'@{ant-prefix}-breadcrumb';
|
||||||
|
|
||||||
.@{breadcrumb-prefix-cls} {
|
.@{breadcrumb-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
color: @breadcrumb-base-color;
|
color: @breadcrumb-base-color;
|
||||||
font-size: @breadcrumb-font-size;
|
font-size: @breadcrumb-font-size;
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
.@{breadcrumb-prefix-cls} {
|
.@{breadcrumb-prefix-cls} {
|
||||||
&-rtl {
|
&-rtl {
|
||||||
.clearfix;
|
.clearfix();
|
||||||
direction: rtl;
|
direction: rtl;
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
|
@ -20,8 +20,8 @@
|
|||||||
// It is a render problem of chrome, which is only happened in the codesandbox demo
|
// It is a render problem of chrome, which is only happened in the codesandbox demo
|
||||||
// 0.001px solution works and I don't why
|
// 0.001px solution works and I don't why
|
||||||
line-height: @btn-line-height;
|
line-height: @btn-line-height;
|
||||||
.btn;
|
.btn();
|
||||||
.btn-default;
|
.btn-default();
|
||||||
|
|
||||||
// Fix loading button animation
|
// Fix loading button animation
|
||||||
// https://github.com/ant-design/ant-design/issues/24323
|
// https://github.com/ant-design/ant-design/issues/24323
|
||||||
@ -30,7 +30,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-primary {
|
&-primary {
|
||||||
.btn-primary;
|
.btn-primary();
|
||||||
|
|
||||||
.@{btn-prefix-cls}-group &:not(:first-child):not(:last-child) {
|
.@{btn-prefix-cls}-group &:not(:first-child):not(:last-child) {
|
||||||
border-right-color: @btn-group-border;
|
border-right-color: @btn-group-border;
|
||||||
@ -62,41 +62,41 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-ghost {
|
&-ghost {
|
||||||
.btn-ghost;
|
.btn-ghost();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-dashed {
|
&-dashed {
|
||||||
.btn-dashed;
|
.btn-dashed();
|
||||||
}
|
}
|
||||||
|
|
||||||
// type="danger" will deprecated
|
// type="danger" will deprecated
|
||||||
// use danger instead
|
// use danger instead
|
||||||
&-danger {
|
&-danger {
|
||||||
.btn-danger;
|
.btn-danger();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-link {
|
&-link {
|
||||||
.btn-link;
|
.btn-link();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-text {
|
&-text {
|
||||||
.btn-text;
|
.btn-text();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-dangerous {
|
&-dangerous {
|
||||||
.btn-danger-default;
|
.btn-danger-default();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-dangerous&-primary {
|
&-dangerous&-primary {
|
||||||
.btn-danger;
|
.btn-danger();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-dangerous&-link {
|
&-dangerous&-link {
|
||||||
.btn-danger-link;
|
.btn-danger-link();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-dangerous&-text {
|
&-dangerous&-text {
|
||||||
.btn-danger-text;
|
.btn-danger-text();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-icon-only {
|
&-icon-only {
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
@calendar-picker-prefix-cls: ~'@{ant-prefix}-picker';
|
@calendar-picker-prefix-cls: ~'@{ant-prefix}-picker';
|
||||||
|
|
||||||
.@{calendar-prefix-cls} {
|
.@{calendar-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
background: @calendar-full-bg;
|
background: @calendar-full-bg;
|
||||||
|
|
||||||
// ========================= Header =========================
|
// ========================= Header =========================
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
@gradient-max: fade(@card-skeleton-bg, 40%);
|
@gradient-max: fade(@card-skeleton-bg, 40%);
|
||||||
|
|
||||||
.@{card-prefix-cls} {
|
.@{card-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
background: @card-background;
|
background: @card-background;
|
||||||
@ -43,7 +43,7 @@
|
|||||||
background: @card-head-background;
|
background: @card-head-background;
|
||||||
border-bottom: @border-width-base @border-style-base @border-color-split;
|
border-bottom: @border-width-base @border-style-base @border-color-split;
|
||||||
border-radius: @card-radius @card-radius 0 0;
|
border-radius: @card-radius @card-radius 0 0;
|
||||||
.clearfix;
|
.clearfix();
|
||||||
|
|
||||||
&-wrapper {
|
&-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -96,7 +96,7 @@
|
|||||||
|
|
||||||
&-body {
|
&-body {
|
||||||
padding: @card-padding-base;
|
padding: @card-padding-base;
|
||||||
.clearfix;
|
.clearfix();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-contain-grid:not(&-loading) &-body {
|
&-contain-grid:not(&-loading) &-body {
|
||||||
@ -160,7 +160,7 @@
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
background: @card-actions-background;
|
background: @card-actions-background;
|
||||||
border-top: @border-width-base @border-style-base @border-color-split;
|
border-top: @border-width-base @border-style-base @border-color-split;
|
||||||
.clearfix;
|
.clearfix();
|
||||||
|
|
||||||
& > li {
|
& > li {
|
||||||
float: left;
|
float: left;
|
||||||
@ -230,7 +230,7 @@
|
|||||||
|
|
||||||
&-meta {
|
&-meta {
|
||||||
margin: -4px 0;
|
margin: -4px 0;
|
||||||
.clearfix;
|
.clearfix();
|
||||||
|
|
||||||
&-avatar {
|
&-avatar {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@carousel-prefix-cls: ~'@{ant-prefix}-carousel';
|
@carousel-prefix-cls: ~'@{ant-prefix}-carousel';
|
||||||
|
|
||||||
.@{carousel-prefix-cls} {
|
.@{carousel-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
.slick-slider {
|
.slick-slider {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
|
@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
|
||||||
|
|
||||||
.@{cascader-prefix-cls} {
|
.@{cascader-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
&-input.@{ant-prefix}-input {
|
&-input.@{ant-prefix}-input {
|
||||||
// Keep it static for https://github.com/ant-design/ant-design/issues/16738
|
// Keep it static for https://github.com/ant-design/ant-design/issues/16738
|
||||||
@ -24,7 +24,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-picker {
|
&-picker {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -48,7 +48,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:focus .@{cascader-prefix-cls}-input {
|
&:focus .@{cascader-prefix-cls}-input {
|
||||||
.active;
|
.active();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-borderless .@{cascader-prefix-cls}-input {
|
&-borderless .@{cascader-prefix-cls}-input {
|
||||||
@ -116,7 +116,7 @@
|
|||||||
// https://github.com/ant-design/ant-design/pull/12407#issuecomment-424657810
|
// https://github.com/ant-design/ant-design/pull/12407#issuecomment-424657810
|
||||||
&-picker-label:hover + &-input {
|
&-picker-label:hover + &-input {
|
||||||
&:not(.@{cascader-prefix-cls}-picker-disabled &) {
|
&:not(.@{cascader-prefix-cls}-picker-disabled &) {
|
||||||
.hover;
|
.hover();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
|
@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
|
||||||
// 一般状态
|
// 一般状态
|
||||||
.@{checkbox-prefix-cls} {
|
.@{checkbox-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -0.09em;
|
top: -0.09em;
|
||||||
@ -147,7 +147,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.@{checkbox-prefix-cls}-wrapper {
|
.@{checkbox-prefix-cls}-wrapper {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
line-height: unset;
|
line-height: unset;
|
||||||
@ -166,7 +166,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.@{checkbox-prefix-cls}-group {
|
.@{checkbox-prefix-cls}-group {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
&-item {
|
&-item {
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@collapse-prefix-cls: ~'@{ant-prefix}-collapse';
|
@collapse-prefix-cls: ~'@{ant-prefix}-collapse';
|
||||||
|
|
||||||
.@{collapse-prefix-cls} {
|
.@{collapse-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
background-color: @collapse-header-bg;
|
background-color: @collapse-header-bg;
|
||||||
border: @border-width-base @border-style-base @border-color-base;
|
border: @border-width-base @border-style-base @border-color-base;
|
||||||
@ -29,7 +29,7 @@
|
|||||||
line-height: @line-height-base;
|
line-height: @line-height-base;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
.clearfix;
|
.clearfix();
|
||||||
|
|
||||||
.@{collapse-prefix-cls}-arrow {
|
.@{collapse-prefix-cls}-arrow {
|
||||||
.iconfont-mixin();
|
.iconfont-mixin();
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
@input-padding-vertical-sm - 2 * @border-width-base;
|
@input-padding-vertical-sm - 2 * @border-width-base;
|
||||||
@arrow-size: 10px;
|
@arrow-size: 10px;
|
||||||
|
|
||||||
.reset-component;
|
.reset-component();
|
||||||
.picker-padding(@input-height-base, @font-size-base, @input-padding-horizontal-base);
|
.picker-padding(@input-height-base, @font-size-base, @input-padding-horizontal-base);
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@ -217,7 +217,7 @@
|
|||||||
|
|
||||||
// ======================= Dropdown =======================
|
// ======================= Dropdown =======================
|
||||||
&-dropdown {
|
&-dropdown {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: @zindex-picker;
|
z-index: @zindex-picker;
|
||||||
|
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@divider-prefix-cls: ~'@{ant-prefix}-divider';
|
@divider-prefix-cls: ~'@{ant-prefix}-divider';
|
||||||
|
|
||||||
.@{divider-prefix-cls} {
|
.@{divider-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
border-top: @border-width-base solid @divider-color;
|
border-top: @border-width-base solid @divider-color;
|
||||||
|
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
|
@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
|
||||||
|
|
||||||
.@{dropdown-prefix-cls} {
|
.@{dropdown-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -9999px;
|
top: -9999px;
|
||||||
|
@ -15,8 +15,8 @@
|
|||||||
@form-font-height: ceil(@font-size-base * @line-height-base);
|
@form-font-height: ceil(@font-size-base * @line-height-base);
|
||||||
|
|
||||||
.@{form-prefix-cls} {
|
.@{form-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
.reset-form;
|
.reset-form();
|
||||||
|
|
||||||
.@{form-prefix-cls}-text {
|
.@{form-prefix-cls}-text {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -57,7 +57,7 @@
|
|||||||
// = Item =
|
// = Item =
|
||||||
// ================================================================
|
// ================================================================
|
||||||
.@{form-item-prefix-cls} {
|
.@{form-item-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
margin-bottom: @form-item-margin-bottom;
|
margin-bottom: @form-item-margin-bottom;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
@ -21,17 +21,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-placeholder {
|
&-placeholder {
|
||||||
.box;
|
.box();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-preview {
|
&-preview {
|
||||||
.modal-mask;
|
.modal-mask();
|
||||||
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
&-body {
|
&-body {
|
||||||
.box;
|
.box();
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -45,7 +45,7 @@
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
&-wrapper {
|
&-wrapper {
|
||||||
.box;
|
.box();
|
||||||
transition: transform 0.3s @ease-out 0s;
|
transition: transform 0.3s @ease-out 0s;
|
||||||
&::before {
|
&::before {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -71,7 +71,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-operations {
|
&-operations {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
@form-item-prefix-cls: ~'@{ant-prefix}-form-item';
|
@form-item-prefix-cls: ~'@{ant-prefix}-form-item';
|
||||||
|
|
||||||
.@{input-number-prefix-cls} {
|
.@{input-number-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
.input;
|
.input();
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 90px;
|
width: 90px;
|
||||||
|
@ -6,12 +6,12 @@
|
|||||||
|
|
||||||
// Input styles
|
// Input styles
|
||||||
.@{ant-prefix}-input {
|
.@{ant-prefix}-input {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
.input;
|
.input();
|
||||||
|
|
||||||
//== Style for input-group: input with label, with button or dropdown...
|
//== Style for input-group: input with label, with button or dropdown...
|
||||||
&-group {
|
&-group {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
.input-group(~'@{ant-prefix}-input');
|
.input-group(~'@{ant-prefix}-input');
|
||||||
&-wrapper {
|
&-wrapper {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -290,7 +290,7 @@
|
|||||||
|
|
||||||
&&-compact {
|
&&-compact {
|
||||||
display: block;
|
display: block;
|
||||||
.clearfix;
|
.clearfix();
|
||||||
|
|
||||||
&-addon,
|
&-addon,
|
||||||
&-wrap,
|
&-wrap,
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
@list-prefix-cls: ~'@{ant-prefix}-list';
|
@list-prefix-cls: ~'@{ant-prefix}-list';
|
||||||
|
|
||||||
.@{list-prefix-cls} {
|
.@{list-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
@ -5,8 +5,8 @@
|
|||||||
@mention-prefix-cls: ~'@{ant-prefix}-mentions';
|
@mention-prefix-cls: ~'@{ant-prefix}-mentions';
|
||||||
|
|
||||||
.@{mention-prefix-cls} {
|
.@{mention-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
.input;
|
.input();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -85,7 +85,7 @@
|
|||||||
// ================== Dropdown ==================
|
// ================== Dropdown ==================
|
||||||
&-dropdown {
|
&-dropdown {
|
||||||
// Ref select dropdown style
|
// Ref select dropdown style
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -9999px;
|
top: -9999px;
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
|
|
||||||
// default theme
|
// default theme
|
||||||
.@{menu-prefix-cls} {
|
.@{menu-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
padding-left: 0; // Override default ul/ol
|
padding-left: 0; // Override default ul/ol
|
||||||
@ -19,7 +19,7 @@
|
|||||||
outline: none;
|
outline: none;
|
||||||
box-shadow: @box-shadow-base;
|
box-shadow: @box-shadow-base;
|
||||||
transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
|
transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
|
||||||
.clearfix;
|
.clearfix();
|
||||||
|
|
||||||
ul,
|
ul,
|
||||||
ol {
|
ol {
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@message-prefix-cls: ~'@{ant-prefix}-message';
|
@message-prefix-cls: ~'@{ant-prefix}-message';
|
||||||
|
|
||||||
.@{message-prefix-cls} {
|
.@{message-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
|
@ -2,8 +2,8 @@
|
|||||||
@table-prefix-cls: ~'@{ant-prefix}-table';
|
@table-prefix-cls: ~'@{ant-prefix}-table';
|
||||||
|
|
||||||
.@{dialog-prefix-cls} {
|
.@{dialog-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
.modal-mask;
|
.modal-mask();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 100px;
|
top: 100px;
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
@notification-margin-edge: 24px;
|
@notification-margin-edge: 24px;
|
||||||
|
|
||||||
.@{notification-prefix-cls} {
|
.@{notification-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: @zindex-notification;
|
z-index: @zindex-notification;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@pageheader-prefix-cls: ~'@{ant-prefix}-page-header';
|
@pageheader-prefix-cls: ~'@{ant-prefix}-page-header';
|
||||||
|
|
||||||
.@{pageheader-prefix-cls} {
|
.@{pageheader-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: @page-header-padding-vertical @page-header-padding;
|
padding: @page-header-padding-vertical @page-header-padding;
|
||||||
background-color: @component-background;
|
background-color: @component-background;
|
||||||
@ -67,7 +67,7 @@
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: @page-header-heading-title;
|
font-size: @page-header-heading-title;
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
.text-overflow-ellipsis;
|
.text-overflow-ellipsis();
|
||||||
}
|
}
|
||||||
|
|
||||||
.@{ant-prefix}-avatar {
|
.@{ant-prefix}-avatar {
|
||||||
@ -79,7 +79,7 @@
|
|||||||
color: @text-color-secondary;
|
color: @text-color-secondary;
|
||||||
font-size: @page-header-heading-sub-title;
|
font-size: @page-header-heading-sub-title;
|
||||||
line-height: @line-height-base;
|
line-height: @line-height-base;
|
||||||
.text-overflow-ellipsis;
|
.text-overflow-ellipsis();
|
||||||
}
|
}
|
||||||
|
|
||||||
&-extra {
|
&-extra {
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
@pagination-prefix-cls: ~'@{ant-prefix}-pagination';
|
@pagination-prefix-cls: ~'@{ant-prefix}-pagination';
|
||||||
|
|
||||||
.@{pagination-prefix-cls} {
|
.@{pagination-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
ul,
|
ul,
|
||||||
ol {
|
ol {
|
||||||
@ -241,7 +241,7 @@
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
.input;
|
.input();
|
||||||
|
|
||||||
width: 50px;
|
width: 50px;
|
||||||
margin: 0 8px;
|
margin: 0 8px;
|
||||||
@ -350,7 +350,7 @@
|
|||||||
line-height: @pagination-item-size-sm;
|
line-height: @pagination-item-size-sm;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
.input-sm;
|
.input-sm();
|
||||||
|
|
||||||
width: 44px;
|
width: 44px;
|
||||||
}
|
}
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@popover-prefix-cls: ~'@{ant-prefix}-popover';
|
@popover-prefix-cls: ~'@{ant-prefix}-popover';
|
||||||
|
|
||||||
.@{popover-prefix-cls} {
|
.@{popover-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@progress-prefix-cls: ~'@{ant-prefix}-progress';
|
@progress-prefix-cls: ~'@{ant-prefix}-progress';
|
||||||
|
|
||||||
.@{progress-prefix-cls} {
|
.@{progress-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
@radio-button-focus-shadow: @radio-focus-shadow;
|
@radio-button-focus-shadow: @radio-focus-shadow;
|
||||||
|
|
||||||
.@{radio-group-prefix-cls} {
|
.@{radio-group-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
@ -26,7 +26,7 @@
|
|||||||
|
|
||||||
// 一般状态
|
// 一般状态
|
||||||
.@{radio-prefix-cls}-wrapper {
|
.@{radio-prefix-cls}-wrapper {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -36,7 +36,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.@{radio-prefix-cls} {
|
.@{radio-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
top: @radio-top;
|
top: @radio-top;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@rate-prefix-cls: ~'@{ant-prefix}-rate';
|
@rate-prefix-cls: ~'@{ant-prefix}-rate';
|
||||||
|
|
||||||
.@{rate-prefix-cls} {
|
.@{rate-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -61,14 +61,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.@{select-prefix-cls} {
|
.@{select-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:not(&-customize-input) &-selector {
|
&:not(&-customize-input) &-selector {
|
||||||
.select-selector;
|
.select-selector();
|
||||||
.select-search-input-without-border;
|
.select-search-input-without-border();
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(&-disabled):hover &-selector {
|
&:not(&-disabled):hover &-selector {
|
||||||
@ -176,7 +176,7 @@
|
|||||||
|
|
||||||
// ========================== Popup ==========================
|
// ========================== Popup ==========================
|
||||||
&-dropdown {
|
&-dropdown {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -9999px;
|
top: -9999px;
|
||||||
left: -9999px;
|
left: -9999px;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@slider-prefix-cls: ~'@{ant-prefix}-slider';
|
@slider-prefix-cls: ~'@{ant-prefix}-slider';
|
||||||
|
|
||||||
.@{slider-prefix-cls} {
|
.@{slider-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
@spin-dot-default: @text-color-secondary;
|
@spin-dot-default: @text-color-secondary;
|
||||||
|
|
||||||
.@{spin-prefix-cls} {
|
.@{spin-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@statistic-prefix-cls: ~'@{ant-prefix}-statistic';
|
@statistic-prefix-cls: ~'@{ant-prefix}-statistic';
|
||||||
|
|
||||||
.@{statistic-prefix-cls} {
|
.@{statistic-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
&-title {
|
&-title {
|
||||||
margin-bottom: @margin-xss;
|
margin-bottom: @margin-xss;
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
@steps-nav-active-color: @primary-color;
|
@steps-nav-active-color: @primary-color;
|
||||||
|
|
||||||
.@{steps-prefix-cls} {
|
.@{steps-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
@switch-sm-pin-size: @switch-sm-height - 4px;
|
@switch-sm-pin-size: @switch-sm-height - 4px;
|
||||||
|
|
||||||
.@{switch-prefix-cls} {
|
.@{switch-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -15,11 +15,11 @@
|
|||||||
.@{table-prefix-cls}-wrapper {
|
.@{table-prefix-cls}-wrapper {
|
||||||
clear: both;
|
clear: both;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
.clearfix;
|
.clearfix();
|
||||||
}
|
}
|
||||||
|
|
||||||
.@{table-prefix-cls} {
|
.@{table-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: @table-font-size;
|
font-size: @table-font-size;
|
||||||
background: @table-bg;
|
background: @table-bg;
|
||||||
@ -312,7 +312,7 @@
|
|||||||
|
|
||||||
// Dropdown
|
// Dropdown
|
||||||
&-filter-dropdown {
|
&-filter-dropdown {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
// Reset menu
|
// Reset menu
|
||||||
.@{dropdown-prefix-cls}-menu {
|
.@{dropdown-prefix-cls}-menu {
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
@import './index';
|
@import './index';
|
||||||
|
|
||||||
.@{tab-prefix-cls}-dropdown {
|
.@{tab-prefix-cls}-dropdown {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -9999px;
|
top: -9999px;
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
@tab-prefix-cls: ~'@{ant-prefix}-tabs';
|
@tab-prefix-cls: ~'@{ant-prefix}-tabs';
|
||||||
|
|
||||||
.@{tab-prefix-cls} {
|
.@{tab-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@tag-prefix-cls: ~'@{ant-prefix}-tag';
|
@tag-prefix-cls: ~'@{ant-prefix}-tag';
|
||||||
|
|
||||||
.@{tag-prefix-cls} {
|
.@{tag-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
@timeline-prefix-cls: ~'@{ant-prefix}-timeline';
|
@timeline-prefix-cls: ~'@{ant-prefix}-timeline';
|
||||||
|
|
||||||
.@{timeline-prefix-cls} {
|
.@{timeline-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
|
|
||||||
// Base class
|
// Base class
|
||||||
.@{tooltip-prefix-cls} {
|
.@{tooltip-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: @zindex-tooltip;
|
z-index: @zindex-tooltip;
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
);
|
);
|
||||||
|
|
||||||
.@{transfer-prefix-cls} {
|
.@{transfer-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -43,7 +43,7 @@
|
|||||||
|
|
||||||
.antTreeFn(@custom-tree-prefix-cls) {
|
.antTreeFn(@custom-tree-prefix-cls) {
|
||||||
@custom-tree-node-prefix-cls: ~'@{custom-tree-prefix-cls}-treenode';
|
@custom-tree-node-prefix-cls: ~'@{custom-tree-prefix-cls}-treenode';
|
||||||
.reset-component;
|
.reset-component();
|
||||||
background: @tree-bg;
|
background: @tree-bg;
|
||||||
border-radius: @border-radius-base;
|
border-radius: @border-radius-base;
|
||||||
transition: background-color 0.3s;
|
transition: background-color 0.3s;
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
@upload-picture-card-border-style: @border-style-base;
|
@upload-picture-card-border-style: @border-style-base;
|
||||||
|
|
||||||
.@{upload-prefix-cls} {
|
.@{upload-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
|
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
|
||||||
@ -131,7 +131,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-picture-card-wrapper {
|
&-picture-card-wrapper {
|
||||||
.clearfix;
|
.clearfix();
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -139,8 +139,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.@{upload-prefix-cls}-list {
|
.@{upload-prefix-cls}-list {
|
||||||
.reset-component;
|
.reset-component();
|
||||||
.clearfix;
|
.clearfix();
|
||||||
line-height: @line-height-base;
|
line-height: @line-height-base;
|
||||||
|
|
||||||
// ============================ Item ============================
|
// ============================ Item ============================
|
||||||
|
Loading…
Reference in New Issue
Block a user