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

clear less variables and add @text-color-secondary

Browse Source
This commit is contained in:
afc163 2016-11-08 20:45:56 +08:00
parent 64899c5da2
commit 9b81fe86d9
30 changed files with 63 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -71,7 +71,7 @@
cursor: pointer;
.@{iconfont-css-prefix}-cross {
color: @legend-color;
color: @text-color-secondary;
transition: color .3s ease;
&:hover {
color: #404040;

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

@ -3,7 +3,7 @@
@breadcrumb-prefix-cls: ~"@{ant-prefix}-breadcrumb";
.@{breadcrumb-prefix-cls} {
color: #999;
color: @text-color-secondary;
font-size: @font-size-base;
a {

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

@ -137,7 +137,7 @@
&.disabled,
&[disabled] {
cursor: @cursor-disabled;
cursor: not-allowed;
> * {
pointer-events: none;
}

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

@ -4,7 +4,9 @@
.@{full-calendar-prefix-cls} {
font-size: @font-size-base;
line-height: 1.5;
line-height: @line-height-base;
outline: none;
border-top: 1px solid @border-color-base;
&-month-select {
margin-left: 5px;
@ -30,8 +32,6 @@
}
}
outline: none;
border-top: 1px solid @legend-border-color;
&-date-panel {
position: relative;
outline: none;

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

@ -63,7 +63,7 @@
cursor: pointer;
transition: color 0.3s ease, opacity 0.15s ease;
&:hover {
color: #999;
color: @text-color-secondary;
}
}
@ -81,7 +81,7 @@
height: 12px;
margin-top: -6px;
line-height: 12px;
color: #999;
color: @text-color-secondary;
.iconfont-size-under-12px(9px);
&:before {
transition: transform 0.2s ease;
@ -173,7 +173,7 @@
&:after {
.iconfont-font("\e61f");
.iconfont-size-under-12px(8px);
color: #999;
color: @text-color-secondary;
position: absolute;
right: 15px;
}

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

@ -122,7 +122,7 @@
& + span {
color: #ccc;
cursor: @cursor-disabled;
cursor: not-allowed;
}
}

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

@ -37,7 +37,7 @@
.@{calendar-prefix-cls}-next-year-btn {
position: absolute;
top: 0;
color: #999;
color: @text-color-secondary;
font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
padding: 0 5px;
font-size: 16px;
@ -291,7 +291,7 @@
}
.@{calendar-prefix-cls}-clear-btn:hover:after {
color: #999;
color: @text-color-secondary;
}
.@{calendar-prefix-cls}-ok-btn {

6
components/date-picker/style/Picker.less
View File

@ -53,7 +53,7 @@
cursor: pointer;
transition: color 0.3s ease, opacity 0.15s ease;
&:hover {
color: #999;
color: @text-color-secondary;
}
}
@ -69,14 +69,14 @@
height: 12px;
line-height: 12px;
right: 8px;
color: #999;
color: @text-color-secondary;
top: 50%;
margin-top: -6px;
&:after {
content: "\e6bb";
font-family: "anticon";
font-size: 12px;
color: #999;
color: @text-color-secondary;
display: inline-block;
line-height: 1;
vertical-align: bottom;

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

@ -19,7 +19,7 @@
}
.@{calendar-prefix-cls}-range-picker-separator {
color: #999;
color: @text-color-secondary;
}
.@{calendar-prefix-cls}-range {
@ -67,7 +67,7 @@
text-align: center;
height: @input-box-height;
line-height: @input-box-height;
color: #999;
color: @text-color-secondary;
}
&-right .@{calendar-prefix-cls}-date-input-wrap {

2
components/date-picker/style/TimePicker.less
View File

@ -108,7 +108,7 @@
color: @btn-disable-color;
&:hover {
background: transparent;
cursor: @cursor-disabled;
cursor: not-allowed;
}
}
}

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

@ -108,7 +108,7 @@
position: absolute;
content: "\e61f";
right: 16px;
color: #999;
color: @text-color-secondary;
.iconfont-size-under-12px(9px);
}

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

@ -32,7 +32,7 @@ input[type="radio"],
input[type="checkbox"] {
&[disabled],
&.disabled {
cursor: @cursor-disabled;
cursor: not-allowed;
}
}
@ -42,7 +42,7 @@ input[type="checkbox"] {
.@{ant-prefix}-checkbox-inline,
.@{ant-prefix}-checkbox-vertical {
&.disabled {
cursor: @cursor-disabled;
cursor: not-allowed;
}
}
@ -51,7 +51,7 @@ input[type="checkbox"] {
.@{ant-prefix}-checkbox {
&.disabled {
label {
cursor: @cursor-disabled;
cursor: not-allowed;
}
}
}
@ -116,7 +116,7 @@ input[type="checkbox"] {
.@{form-prefix-cls}-explain,
.@{form-prefix-cls}-extra {
color: #999;
color: @text-color-secondary;
}
.@{form-prefix-cls}-text {
@ -426,7 +426,7 @@ form {
display: inline-block;
animation: loadingCircle 1s infinite linear;
content: "\e6ae";
color: #999;
color: @text-color-secondary;
}
}

4
components/form/style/mixin.less
View File

@ -52,9 +52,9 @@
margin-bottom: 20px;
font-size: 14px;
line-height: inherit;
color: @legend-color;
color: @text-color-secondary;
border: 0;
border-bottom: 1px solid @legend-border-color;
border-bottom: 1px solid @border-color-base;
}
label {

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

@ -29,7 +29,7 @@
line-height: 0;
height: 14px;
overflow: hidden;
color: #999;
color: @text-color-secondary;
position: relative;
transition: all 0.1s linear;
display: block;
@ -55,7 +55,7 @@
transition: all 0.1s linear;
.iconfont-size-under-12px(7px);
right: 4px;
color: #999;
color: @text-color-secondary;
}
&:hover {

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

@ -29,7 +29,7 @@
.disabled() {
background-color: @input-disabled-bg;
opacity: 1;
cursor: @cursor-disabled;
cursor: not-allowed;
color: #ccc;
&:hover {
.hover(@input-border-color);

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

@ -25,7 +25,7 @@
}
&-item-group-title {
color: #999;
color: @text-color-secondary;
font-size: 12px;
line-height: 1.5;
padding: 8px 16px;
@ -155,11 +155,11 @@
// Disabled state sets text to gray and nukes hover/tab effects
&.@{menu-prefix-cls}-item-disabled,
&.@{menu-prefix-cls}-submenu-disabled {
color: #999 !important;
color: @text-color-secondary !important;
cursor: not-allowed;
background: none;
> a {
color: #999 !important;
color: @text-color-secondary !important;
pointer-events: none;
}
}
@ -319,7 +319,7 @@
.@{menu-prefix-cls} {
&-dark,
&-dark &-sub {
color: #999;
color: @text-color-secondary;
background: #404040;
}
@ -340,7 +340,7 @@
&-dark &-item,
&-dark &-item > a {
color: #999;
color: @text-color-secondary;
}
&-dark&-inline,

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

@ -47,7 +47,7 @@
line-height: 1;
text-decoration: none;
transition: color .3s ease;
color: #999;
color: @text-color-secondary;
outline: 0;
&-x {

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

@ -83,7 +83,7 @@
position: absolute;
right: 16px;
top: 10px;
color: @legend-color;
color: @text-color-secondary;
outline: none;
&:hover {
color: #404040;

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

@ -104,7 +104,7 @@
& + span {
color: #ccc;
cursor: @cursor-disabled;
cursor: not-allowed;
}
}

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

@ -30,7 +30,7 @@
.iconfont-font("\e62e");
}
&:hover {
color: #999;
color: @text-color-secondary;
}
}
@ -318,7 +318,7 @@
.@{select-prefix-cls}-selection__choice__remove {
.iconfont-mixin();
color: #999;
color: @text-color-secondary;
line-height: inherit;
cursor: pointer;
display: inline-block;
@ -437,7 +437,7 @@
}
&-item-group-title {
color: #999;
color: @text-color-secondary;
line-height: 1.5;
padding: 8px 16px;
}

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

@ -82,7 +82,7 @@
vertical-align: middle;
text-align: center;
cursor: pointer;
color: #999;
color: @text-color-secondary;
&-active {
color: #666;

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

@ -2,7 +2,7 @@
@import "../../style/mixins/index";
@spin-prefix-cls: ~"@{ant-prefix}-spin";
@spin-dot-default: #999;
@spin-dot-default: @text-color-secondary;
@spin-dot-size-sm: 14px;
@spin-dot-size: 20px;
@spin-dot-size-lg: 30px;

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

@ -7,7 +7,7 @@
@process-description-color: @process-title-color;
@process-tail-color: @border-color-split;
@wait-icon-color: #ccc;
@wait-title-color: #999;
@wait-title-color: @text-color-secondary;
@wait-description-color: @wait-title-color;
@wait-tail-color: @process-tail-color;
@finish-icon-color: @process-icon-color;
@ -191,7 +191,7 @@
}
.@{steps-prefix-cls}-description {
font-size: 12px;
color: #999;
color: @text-color-secondary;
}
.@{steps-prefix-cls}-tail {
position: absolute;
@ -245,7 +245,7 @@
}
.@{steps-prefix-cls}-description {
font-size: 12px;
color: #999;
color: @text-color-secondary;
}
.@{steps-prefix-cls}-tail {
top: 8px;

2
components/style/core/base.less
View File

@ -84,7 +84,7 @@ a {
.@{ant-prefix}-divider {
margin: 0 4px;
color: #999;
color: @text-color-secondary;
display: inline-block;
height: 8px;
width: 1px;

13
components/style/themes/default.less
View File

@ -15,6 +15,7 @@
@code-family : Consolas,Menlo,Courier,monospace;
@text-color : #666;
@heading-color : #404040;
@text-color-secondary : #999;
@font-size-base : 12px;
@line-height-base : 1.5;
@line-height-computed : floor((@font-size-base * @line-height-base));
@ -31,9 +32,6 @@
@link-active-color : shade(@link-color, 5%);
@link-hover-decoration : none;
// Disabled cursor for form controls and buttons.
@cursor-disabled : not-allowed;
// Animation
@ease-out : cubic-bezier(0.215, 0.61, 0.355, 1);
@ease-in : cubic-bezier(0.55, 0.055, 0.675, 0.19);
@ -91,10 +89,8 @@
@btn-disable-border : @border-color-base;
@btn-padding-base : 4px 15px;
@btn-font-size-lg : 14px;
@btn-padding-lg : 4px 15px 5px 15px;
@btn-padding-sm : 1px 7px;
@btn-circle-size : 28px;
@ -126,11 +122,6 @@
@grid-columns : 24;
@grid-gutter-width : 0;
// Container sizes
@container-sm : (720px + @grid-gutter-width);
@container-md : (940px + @grid-gutter-width);
@container-lg : (1140px + @grid-gutter-width);
// z-index list
@zindex-affix : 11;
@zindex-back-top : 10;
@ -150,8 +141,6 @@
// Form
// ---
@legend-color : #999;
@legend-border-color : @border-color-base;
@label-required-color : #f50;
@label-color : @text-color;
@form-item-margin-bottom : 24px;

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

@ -293,7 +293,7 @@
position: relative;
z-index: 2;
font-size: 12px;
color: #999;
color: @text-color-secondary;
.@{iconfont-css-prefix} {
margin-right: 4px;
}

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

@ -61,7 +61,7 @@
background-color: transparent;
position: absolute;
text-align: center;
color: #999;
color: @text-color-secondary;
transition: color 0.3s ease;
&:hover {
@ -339,7 +339,7 @@
}
&&-card > &-bar &-tab .@{iconfont-css-prefix}-close {
margin-right: 0;
color: #999;
color: @text-color-secondary;
transition: all 0.3s @ease-in-out;
.iconfont-size-under-12px(9px);
transform-origin: 100% 50%;
@ -378,7 +378,7 @@
border: 1px solid @border-color-base;
font-size: 12px;
.iconfont-size-under-12px(10px);
color: #999;
color: @text-color-secondary;
transition: color 0.3s ease;
&:hover {
color: #404040;

8
components/time-picker/style/index.less
View File

@ -70,7 +70,7 @@
}
&-clear-btn:hover:after {
color: #999;
color: @text-color-secondary;
}
&-narrow &-input-wrap {
@ -141,7 +141,7 @@
color: @btn-disable-color;
&:hover {
background: transparent;
cursor: @cursor-disabled;
cursor: not-allowed;
}
}
}
@ -212,14 +212,14 @@
height: 12px;
line-height: 12px;
right: 8px;
color: #999;
color: @text-color-secondary;
top: 50%;
margin-top: -6px;
&:after {
content: "\e641";
font-family: "anticon";
font-size: 12px;
color: #999;
color: @text-color-secondary;
display: inline-block;
line-height: 1;
vertical-align: bottom;

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

@ -40,7 +40,7 @@
font-size: 12px;
color: #ccc;
&:hover {
color: #999;
color: @text-color-secondary;
}
}
}

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

@ -95,18 +95,18 @@
}
p.@{upload-prefix-cls}-hint {
font-size: 12px;
color: #999;
color: @text-color-secondary;
}
.@{iconfont-css-prefix}-plus {
font-size: 30px;
transition: all 0.3s ease;
color: #ccc;
&:hover {
color: #999;
color: @text-color-secondary;
}
}
&:hover .@{iconfont-css-prefix}-plus {
color: #999;
color: @text-color-secondary;
}
}
}
@ -127,7 +127,7 @@
.@{iconfont-css-prefix}-paper-clip {
margin-right: 4px;
font-size: 12px;
color: #999;
color: @text-color-secondary;
}
.@{iconfont-css-prefix}-cross {
.iconfont-size-under-12px(10px);
@ -135,7 +135,7 @@
opacity: 0;
cursor: pointer;
float: right;
color: #999;
color: @text-color-secondary;
line-height: 22px;
&:hover {
color: #666;
@ -213,7 +213,7 @@
.@{upload-item}-thumbnail.@{iconfont-css-prefix}:before {
line-height: 48px;
font-size: 24px;
color: #999;
color: @text-color-secondary;
}
.@{upload-item}-name {
@ -338,7 +338,7 @@
&-text {
margin-top: 18px;
color: #999;
color: @text-color-secondary;
}
}