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

Merge pull request #600 from ant-design/lesshint

Browse Source 
Lesshint
This commit is contained in:
afc163 2015-11-26 20:24:32 +08:00
commit 3bdff8ec8c
48 changed files with 293 additions and 203 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
.lesshintrc Normal file
View File

@ -0,0 +1,12 @@
{
"propertyOrdering": false,
"hexLength": "short",
"stringQuotes": false,
"decimalZero": false,
"importantRule": false,
"zeroUnit": "no_unit",
"qualifyingElement": false,
"duplicateProperty": false,
"importPath": false,
"finalNewline": false
}

6
.lesslintrc
View File

@ -1,6 +0,0 @@
{
"import": false,
"require-newline": false,
"leading-zero": false,
"single-comment": false
}

6
package.json
View File

@ -84,6 +84,7 @@
"eslint": "^1.1.0", "eslint": "^1.1.0",
"eslint-config-airbnb": "^1.0.0", "eslint-config-airbnb": "^1.0.0",
"eslint-plugin-babel": "^2.1.1", "eslint-plugin-babel": "^2.1.1",
"eslint-plugin-markdown": "git+https://github.com/ant-design/eslint-plugin-markdown.git",
"eslint-plugin-react": "^3.3.1", "eslint-plugin-react": "^3.3.1",
"expect.js": "~0.3.1", "expect.js": "~0.3.1",
"extract-text-webpack-plugin": "^0.9.1", "extract-text-webpack-plugin": "^0.9.1",
@ -93,6 +94,7 @@
"json-loader": "^0.5.1", "json-loader": "^0.5.1",
"less": "~2.5.3", "less": "~2.5.3",
"less-loader": "^2.2.0", "less-loader": "^2.2.0",
"lesshint": "git+https://github.com/ant-design/lesshint.git",
"lodash": "^3.10.0", "lodash": "^3.10.0",
"nico-jsx": "~0.6.0", "nico-jsx": "~0.6.0",
"pre-commit": "1.x", "pre-commit": "1.x",
@ -100,7 +102,6 @@
"react-addons-test-utils": "~0.14.2", "react-addons-test-utils": "~0.14.2",
"react-dom": "~0.14.2", "react-dom": "~0.14.2",
"react-router": "~1.0.0", "react-router": "~1.0.0",
"eslint-plugin-markdown": "git+https://github.com/ant-design/eslint-plugin-markdown.git",
"webpack": "^1.10.1", "webpack": "^1.10.1",
"webpack-babel-jest": "^1.0.0", "webpack-babel-jest": "^1.0.0",
"webpack-dev-middleware": "^1.2.0" "webpack-dev-middleware": "^1.2.0"
@ -111,8 +112,9 @@
"clean": "rm -rf _site dist", "clean": "rm -rf _site dist",
"deploy": "rm -rf node_modules && node scripts/install.js && npm run just-deploy", "deploy": "rm -rf node_modules && node scripts/install.js && npm run just-deploy",
"just-deploy": "npm run clean && webpack --config webpack.deploy.config.js && webpack --config webpack.antd.config.js && NODE_ENV=PRODUCTION nico build && node scripts/deploy.js", "just-deploy": "npm run clean && webpack --config webpack.deploy.config.js && webpack --config webpack.antd.config.js && NODE_ENV=PRODUCTION nico build && node scripts/deploy.js",
"lint": "eslint components test index.js --ext '.js,.jsx' && npm run mdlint", "lint": "eslint components test index.js --ext '.js,.jsx' && npm run mdlint && npm run lesshint",
"mdlint": "eslint components/*/demo/*.md --ext '.md' --global 'React,ReactDOM' --rule 'no-console: 0'", "mdlint": "eslint components/*/demo/*.md --ext '.md' --global 'React,ReactDOM' --rule 'no-console: 0'",
"lesshint": "lesshint style/ -e 'style/+(core|mixins)/+(base|iconfont|normalize|layouts|compatibility|grid).less'",
"test": "npm run lint && webpack && npm run jest", "test": "npm run lint && webpack && npm run jest",
"jest": "jest", "jest": "jest",
"pub": "sh ./scripts/publish.sh", "pub": "sh ./scripts/publish.sh",

3
style/components/alert.less
View File

@ -55,7 +55,8 @@
} }
} }
&-close-icon, &-with-description-close-icon { &-close-icon,
&-with-description-close-icon {
font-size: 12px; font-size: 12px;
position: absolute; position: absolute;
right: 8px; right: 8px;

7
style/components/badge.less
View File

@ -24,7 +24,8 @@
z-index: 10; z-index: 10;
font-family: tahoma; font-family: tahoma;
box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;
a, a:hover { a,
a:hover {
color: #fff; color: #fff;
} }
} }
@ -63,9 +64,9 @@ a .@{badge-prefix-cls} {
} }
} }
.@{number-prefix-cls}{ .@{number-prefix-cls} {
overflow: hidden; overflow: hidden;
&-only{ &-only {
display: inline-block; display: inline-block;
transition: transform .3s @ease-in-out; transition: transform .3s @ease-in-out;
} }

6
style/components/button.less
View File

@ -34,7 +34,8 @@
.btn-ghost; .btn-ghost;
} }
&-circle, &-circle-outline { &-circle,
&-circle-outline {
.btn-circle(@btn-prefix-cls); .btn-circle(@btn-prefix-cls);
} }
@ -79,7 +80,8 @@
} }
// To ensure that a space will be placed between character and `Icon`. // To ensure that a space will be placed between character and `Icon`.
> .@{iconfont-css-prefix} + span, > span + .@{iconfont-css-prefix} { > .@{iconfont-css-prefix} + span,
> span + .@{iconfont-css-prefix} {
margin-left: 0.5em; margin-left: 0.5em;
} }
} }

8
style/components/calendar.less
View File

@ -47,8 +47,10 @@
height: 246px; height: 246px;
} }
table, td, th, td { table,
border: none; th,
td {
border: 0;
} }
td { td {
@ -150,7 +152,7 @@
} }
&-fullscreen { &-fullscreen {
border-top: none; border-top: 0;
} }
&-fullscreen &-table { &-fullscreen &-table {

8
style/components/carousel/slick-theme.less
View File

@ -16,9 +16,10 @@
top: 50%; top: 50%;
margin-top: -10px; margin-top: -10px;
padding: 0; padding: 0;
border: none; border: 0;
outline: none; outline: none;
&:hover, &:focus { &:hover,
&:focus {
outline: none; outline: none;
background: transparent; background: transparent;
color: transparent; color: transparent;
@ -79,7 +80,8 @@
color: transparent; color: transparent;
padding: 5px; padding: 5px;
cursor: pointer; cursor: pointer;
&:hover, &:focus { &:hover,
&:focus {
outline: none; outline: none;
&:before { &:before {
opacity: 1; opacity: 1;

20
style/components/collapse.less
View File

@ -1,12 +1,10 @@
@collapse-prefix-cls: ant-collapse; @collapse-prefix-cls: ant-collapse;
#arrow { .collapse-close() {
.close() { .iconfont-size-under-12px(7px, 270deg);
.iconfont-size-under-12px(7px, 270deg); }
} .collapse-open() {
.open() { .iconfont-size-under-12px(7px, 360deg);
.iconfont-size-under-12px(7px, 360deg);
}
} }
.@{collapse-prefix-cls} { .@{collapse-prefix-cls} {
@ -17,7 +15,7 @@
& > &-item { & > &-item {
border-top: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9;
&:first-child { &:first-child {
border-top: none; border-top: 0;
} }
> .@{collapse-prefix-cls}-header { > .@{collapse-prefix-cls}-header {
@ -29,7 +27,7 @@
position: relative; position: relative;
.arrow { .arrow {
#arrow > .close(); .collapse-close();
.iconfont-mixin(); .iconfont-mixin();
position: absolute; position: absolute;
color: #666; color: #666;
@ -44,7 +42,7 @@
top: ~"16px \9"; top: ~"16px \9";
left: ~"0 \9"; left: ~"0 \9";
&:before { &:before {
content:"\e611"; content: "\e611";
} }
} }
} }
@ -80,7 +78,7 @@
& > &-item > &-header[aria-expanded="true"] { & > &-item > &-header[aria-expanded="true"] {
.arrow { .arrow {
#arrow > .open(); .collapse-open();
} }
} }
} }

9
style/components/datepicker/Calendar.less
View File

@ -115,8 +115,10 @@
width: 100%; width: 100%;
} }
table, td, th, td { table,
border: none; th,
td {
border: 0;
} }
&-calendar-table { &-calendar-table {
@ -206,7 +208,8 @@
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
&-last-month-cell &-date, &-next-month-btn-day &-date { &-last-month-cell &-date,
&-next-month-btn-day &-date {
color: #bbb; color: #bbb;
} }

5
style/components/datepicker/DecadePanel.less
View File

@ -57,8 +57,9 @@
} }
} }
.@{calendar-prefix-cls}-decade-panel-last-century-cell, .@{calendar-prefix-cls}-decade-panel-next-century-cell { .@{calendar-prefix-cls}-decade-panel-last-century-cell,
.@{calendar-prefix-cls}-decade-panel-decade{ .@{calendar-prefix-cls}-decade-panel-next-century-cell {
.@{calendar-prefix-cls}-decade-panel-decade {
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
} }

5
style/components/datepicker/YearPanel.less
View File

@ -57,8 +57,9 @@
} }
} }
.@{calendar-prefix-cls}-year-panel-last-decade-cell, .@{calendar-prefix-cls}-year-panel-next-decade-cell { .@{calendar-prefix-cls}-year-panel-last-decade-cell,
.@{calendar-prefix-cls}-year-panel-year{ .@{calendar-prefix-cls}-year-panel-next-decade-cell {
.@{calendar-prefix-cls}-year-panel-year {
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
} }

4
style/components/dialog.less
View File

@ -1,7 +1,7 @@
@dialog-prefix-cls: ant-modal; @dialog-prefix-cls: ant-modal;
@import "./dialog/Dialog.less"; @import "./dialog/Dialog";
@import "./dialog/Mask.less"; @import "./dialog/Mask";
.@{dialog-prefix-cls} { .@{dialog-prefix-cls} {
&-header { &-header {

2
style/components/dialog/Dialog.less
View File

@ -25,7 +25,7 @@
&-content { &-content {
position: relative; position: relative;
background-color: #fff; background-color: #fff;
border: none; border: 0;
border-radius: @border-radius-base; border-radius: @border-radius-base;
background-clip: padding-box; background-clip: padding-box;
outline: 0; outline: 0;

27
style/components/form.less
View File

@ -86,7 +86,8 @@ input[type="checkbox"] {
} }
} }
.@{css-prefix}form-text, .@{css-prefix}form-split { .@{css-prefix}form-text,
.@{css-prefix}form-split {
margin: 0!important; margin: 0!important;
padding-top: 7px; padding-top: 7px;
padding-bottom: 7px; padding-bottom: 7px;
@ -243,7 +244,8 @@ form {
} }
} }
.@{css-prefix}form-horizontal, .@{css-prefix}form-inline { .@{css-prefix}form-horizontal,
.@{css-prefix}form-inline {
label { label {
padding-top: 7px; padding-top: 7px;
padding-bottom: 7px; padding-bottom: 7px;
@ -255,7 +257,10 @@ form {
} }
// Validation state // Validation state
.has-success, .has-warning, .has-error, .is-validating { .has-success,
.has-warning,
.has-error,
.is-validating {
&.has-feedback:after { &.has-feedback:after {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -382,36 +387,36 @@ form {
.is-validating { .is-validating {
&.has-feedback:after { &.has-feedback:after {
display: inline-block; display: inline-block;
.animation(loadingCircle 1s infinite linear ); .animation(loadingCircle 1s infinite linear);
content:"\e6a1"; content: "\e6a1";
} }
} }
// need there different zoom animation // need there different zoom animation
// otherwise won't trigger anim // otherwise won't trigger anim
@keyframes diffZoomIn1 { @keyframes diffZoomIn1 {
0%{ 0% {
transform: scale(0); transform: scale(0);
} }
100%{ 100% {
transform: scale(1); transform: scale(1);
} }
} }
@keyframes diffZoomIn2 { @keyframes diffZoomIn2 {
0%{ 0% {
transform: scale(0); transform: scale(0);
} }
100%{ 100% {
transform: scale(1); transform: scale(1);
} }
} }
@keyframes diffZoomIn3 { @keyframes diffZoomIn3 {
0%{ 0% {
transform: scale(0); transform: scale(0);
} }
100%{ 100% {
transform: scale(1); transform: scale(1);
} }
} }

33
style/components/inputNumber.less
View File

@ -3,6 +3,16 @@
@import "../mixins/iconfont"; @import "../mixins/iconfont";
@import "../mixins/input"; @import "../mixins/input";
.handler-disabled() {
opacity: 0.72;
color: #ccc !important;
cursor: default;
&:hover {
color: #ccc;
cursor: default;
}
}
.@{input-number-prefix-cls} { .@{input-number-prefix-cls} {
.input(); .input();
margin: 0; margin: 0;
@ -12,7 +22,7 @@
height: 28px; height: 28px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 1px solid #D9D9D9; border: 1px solid #d9d9d9;
border-radius: @border-radius-base; border-radius: @border-radius-base;
overflow: hidden; overflow: hidden;
width: 90px; width: 90px;
@ -36,7 +46,8 @@
} }
} }
&-handler-up-inner, &-handler-down-inner { &-handler-up-inner,
&-handler-down-inner {
.iconfont-mixin(); .iconfont-mixin();
line-height: 12px; line-height: 12px;
user-select: none; user-select: none;
@ -149,7 +160,7 @@
&-handler-wrap { &-handler-wrap {
float: right; float: right;
border-left: 1px solid #D9D9D9; border-left: 1px solid #d9d9d9;
width: 22px; width: 22px;
height: 28px; height: 28px;
position: relative; position: relative;
@ -179,7 +190,7 @@
} }
&-handler-down { &-handler-down {
border-top: 1px solid #D9D9D9; border-top: 1px solid #d9d9d9;
top: -1px; top: -1px;
cursor: pointer; cursor: pointer;
&-inner { &-inner {
@ -194,17 +205,9 @@
} }
} }
.handler-disabled() { &-handler-down-disabled,
opacity: 0.72; &-handler-up-disabled,
color: #ccc !important; &-disabled {
cursor: default;
&:hover {
color: #ccc;
cursor: default;
}
}
&-handler-down-disabled, &-handler-up-disabled, &-disabled {
.@{input-number-prefix-cls}-handler-down-inner, .@{input-number-prefix-cls}-handler-down-inner,
.@{input-number-prefix-cls}-handler-up-inner { .@{input-number-prefix-cls}-handler-up-inner {
.handler-disabled(); .handler-disabled();

23
style/components/menu.less
View File

@ -35,7 +35,6 @@
transition: all 0.3s ease; transition: all 0.3s ease;
} }
&-item-active, &-item-active,
&-submenu-title:hover { &-submenu-title:hover {
background-color: tint(@primary-color, 90%); background-color: tint(@primary-color, 90%);
@ -98,7 +97,8 @@
white-space: nowrap; white-space: nowrap;
// Disabled state sets text to gray and nukes hover/tab effects // Disabled state sets text to gray and nukes hover/tab effects
&.@{menu-prefix-cls}-item-disabled, &.@{menu-prefix-cls}-submenu-disabled { &.@{menu-prefix-cls}-item-disabled,
&.@{menu-prefix-cls}-submenu-disabled {
color: #999 !important; color: #999 !important;
} }
} }
@ -166,7 +166,7 @@
} }
&-horizontal { &-horizontal {
border: none; border: 0;
border-bottom: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;
box-shadow: none; box-shadow: none;
z-index: 0; z-index: 0;
@ -191,7 +191,8 @@
&:hover { &:hover {
color: @primary-color; color: @primary-color;
} }
&:before, &:after { &:before,
&:after {
position: absolute; position: absolute;
background-color: transparent; background-color: transparent;
width: 20px; width: 20px;
@ -212,8 +213,10 @@
} }
} }
&-vertical, &-inline { &-vertical,
& > .@{menu-prefix-cls}-item, & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title { &-inline {
& > .@{menu-prefix-cls}-item,
& > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
padding: 0px 16px 0 28px; padding: 0px 16px 0 28px;
font-size: 12px; font-size: 12px;
line-height: 42px; line-height: 42px;
@ -224,7 +227,8 @@
&-vertical&-sub { &-vertical&-sub {
padding: 0; padding: 0;
transform-origin: 0 0; transform-origin: 0 0;
& > .@{menu-prefix-cls}-item, & > .@{menu-prefix-cls}-submenu { & > .@{menu-prefix-cls}-item,
& > .@{menu-prefix-cls}-submenu {
transform-origin: 0 0; transform-origin: 0 0;
} }
} }
@ -236,10 +240,11 @@
&-sub&-inline { &-sub&-inline {
padding: 0; padding: 0;
border: none; border: 0;
box-shadow: none; box-shadow: none;
border-radius: 0; border-radius: 0;
& > .@{menu-prefix-cls}-item, & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title { & > .@{menu-prefix-cls}-item,
& > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
line-height: 42px; line-height: 42px;
height: 42px; height: 42px;
list-style-type: disc; list-style-type: disc;

2
style/components/message.less
View File

@ -34,7 +34,7 @@
} }
&-info.anticon, &-info.anticon,
&-loading.anticon { &-loading.anticon {
color: @primary-color; color: @primary-color;
} }

58
style/components/notification.less
View File

@ -90,13 +90,14 @@
} }
} }
.notification-fade-effect() { .notification-fade-effect {
animation-duration: 0.3s; animation-duration: 0.3s;
animation-fill-mode: both; animation-fill-mode: both;
animation-timing-function: @ease-in-out; animation-timing-function: @ease-in-out;
} }
&-fade-enter,&-fade-appear { &-fade-enter,
&-fade-appear {
opacity: 0; opacity: 0;
.notification-fade-effect(); .notification-fade-effect();
animation-play-state: paused; animation-play-state: paused;
@ -107,7 +108,8 @@
animation-play-state: paused; animation-play-state: paused;
} }
&-fade-enter&-fade-enter-active, &-fade-appear&-fade-appear-active { &-fade-enter&-fade-enter-active,
&-fade-appear&-fade-appear-active {
animation-name: NotificationFadeIn; animation-name: NotificationFadeIn;
animation-play-state: running; animation-play-state: running;
} }
@ -116,32 +118,32 @@
animation-name: NotificationFadeOut; animation-name: NotificationFadeOut;
animation-play-state: running; animation-play-state: running;
} }
}
@keyframes NotificationFadeIn { @keyframes NotificationFadeIn {
0% { 0% {
opacity: 0; opacity: 0;
left: @notice-width; left: @notice-width;
}
100% {
left: 0;
opacity: 1;
}
} }
100% {
@keyframes NotificationFadeOut { left: 0;
0% { opacity: 1;
opacity: 1; }
margin-bottom: @notice-margin-bottom; }
padding-top: @notice-padding;
padding-bottom: @notice-padding; @keyframes NotificationFadeOut {
max-height: 150px; 0% {
} opacity: 1;
100% { margin-bottom: @notice-margin-bottom;
opacity: 0; padding-top: @notice-padding;
margin-bottom: 0; padding-bottom: @notice-padding;
padding-top: 0; max-height: 150px;
padding-bottom: 0; }
max-height: 0; 100% {
} opacity: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
max-height: 0;
} }
} }

28
style/components/pagination.less
View File

@ -52,8 +52,8 @@
} }
} }
&-jump-prev, &-jump-next { &-jump-prev,
&-jump-next {
&:after { &:after {
content: "•••"; content: "•••";
display: block; display: block;
@ -89,10 +89,15 @@
} }
} }
&-prev, &-jump-prev, &-jump-next { &-prev,
&-jump-prev,
&-jump-next {
margin-right: 8px; margin-right: 8px;
} }
&-prev, &-next, &-jump-prev, &-jump-next { &-prev,
&-next,
&-jump-prev,
&-jump-next {
font-family: Arial; font-family: Arial;
cursor: pointer; cursor: pointer;
color: #666; color: #666;
@ -107,7 +112,8 @@
display: inline-block; display: inline-block;
} }
&-prev, &-next { &-prev,
&-next {
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
a { a {
@ -192,8 +198,9 @@
} }
} }
&-simple &-prev, &-simple &-next { &-simple &-prev,
border: none; &-simple &-next {
border: 0;
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
margin: 0; margin: 0;
@ -227,7 +234,7 @@
.@{pagination-prefix-cls} { .@{pagination-prefix-cls} {
&.mini &-item { &.mini &-item {
border: none; border: 0;
margin: 0; margin: 0;
min-width: 20px; min-width: 20px;
height: 20px; height: 20px;
@ -240,7 +247,7 @@
min-width: 20px; min-width: 20px;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
border: none; border: 0;
a { a {
&:after { &:after {
@ -250,7 +257,8 @@
} }
} }
&.mini &-jump-prev, &.mini &-jump-next { &.mini &-jump-prev,
&.mini &-jump-next {
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
} }

16
style/components/popover.less
View File

@ -52,22 +52,30 @@
} }
// Offset the popover to account for the popover arrow // Offset the popover to account for the popover arrow
&-placement-top, &-placement-topLeft, &-placement-topRight { &-placement-top,
&-placement-topLeft,
&-placement-topRight {
margin-top: -@popover-arrow-width; margin-top: -@popover-arrow-width;
padding-bottom: @popover-distance; padding-bottom: @popover-distance;
} }
&-placement-right, &-placement-rightTop, &-placement-rightBottom { &-placement-right,
&-placement-rightTop,
&-placement-rightBottom {
margin-left: @popover-arrow-width; margin-left: @popover-arrow-width;
padding-left: @popover-distance; padding-left: @popover-distance;
} }
&-placement-bottom, &-placement-bottomLeft, &-placement-bottomRight { &-placement-bottom,
&-placement-bottomLeft,
&-placement-bottomRight {
margin-top: @popover-arrow-width; margin-top: @popover-arrow-width;
padding-top: @popover-distance; padding-top: @popover-distance;
} }
&-placement-left, &-placement-leftTop, &-placement-leftBottom { &-placement-left,
&-placement-leftTop,
&-placement-leftBottom {
margin-left: -@popover-arrow-width; margin-left: -@popover-arrow-width;
padding-right: @popover-distance; padding-right: @popover-distance;
} }

2
style/components/progress.less
View File

@ -21,7 +21,7 @@
&-line-inner { &-line-inner {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
background-color: #E9E9E9; background-color: #e9e9e9;
border-radius: 100px; border-radius: 100px;
} }
&-line-bg { &-line-bg {

2
style/components/radio.less
View File

@ -215,7 +215,7 @@
&-disabled.@{radio-prefix-cls}-button-checked { &-disabled.@{radio-prefix-cls}-button-checked {
color: #fff; color: #fff;
background-color: #ccc; background-color: #ccc;
box-shadow: -1px 0px 0px 0px #CCC; box-shadow: -1px 0px 0px 0px #ccc;
border-color: #ccc; border-color: #ccc;
} }
} }

13
style/components/select.less
View File

@ -21,7 +21,7 @@
right: -1px; right: -1px;
padding-right: 14px; padding-right: 14px;
color: @primary-color; color: @primary-color;
transform: scale(0.75) transform: scale(0.75);
} }
} }
@ -86,7 +86,8 @@
} }
&-disabled &-selection { &-disabled &-selection {
&:hover, &:active { &:hover,
&:active {
border-color: #d9d9d9; border-color: #d9d9d9;
} }
} }
@ -190,7 +191,7 @@
} }
.@{select-prefix-cls}-search__field { .@{select-prefix-cls}-search__field {
border: none; border: 0;
font-size: 100%; font-size: 100%;
background: transparent; background: transparent;
outline: 0; outline: 0;
@ -407,7 +408,8 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
&:hover, &-active { &:hover,
&-active {
background-color: tint(@primary-color, 90%) !important; background-color: tint(@primary-color, 90%) !important;
} }
@ -433,7 +435,8 @@
} }
} }
&-container-open, &-open { &-container-open,
&-open {
.@{select-prefix-cls}-dropdown { .@{select-prefix-cls}-dropdown {
display: block; display: block;
} }

6
style/components/slider.less
View File

@ -126,13 +126,15 @@
background-color: @slider-disabled-color !important; background-color: @slider-disabled-color !important;
} }
.@{slider-prefix-cls}-handle, .@{slider-prefix-cls}-dot { .@{slider-prefix-cls}-handle,
.@{slider-prefix-cls}-dot {
border-color: @slider-disabled-color!important; border-color: @slider-disabled-color!important;
background-color: #fff; background-color: #fff;
cursor: not-allowed; cursor: not-allowed;
} }
.@{slider-prefix-cls}-mark-text, .@{slider-prefix-cls}-dot { .@{slider-prefix-cls}-mark-text,
.@{slider-prefix-cls}-dot {
cursor: not-allowed!important; cursor: not-allowed!important;
} }
} }

10
style/components/spin.less
View File

@ -83,8 +83,14 @@
// pulse // pulse
@keyframes antSpinPulse { @keyframes antSpinPulse {
0%, 80%, 100% { opacity: 0; } 0%,
40% { opacity: 1; } 80%,
100% {
opacity: 0;
}
40% {
opacity: 1;
}
} }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

6
style/components/steps.less
View File

@ -104,7 +104,8 @@
} }
} }
.@{steps-prefix-cls}-head, .@{steps-prefix-cls}-main { .@{steps-prefix-cls}-head,
.@{steps-prefix-cls}-main {
position: relative; position: relative;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
@ -222,7 +223,8 @@
} }
} }
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner, .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner { &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner,
.@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner {
width: inherit; width: inherit;
height: inherit; height: inherit;
line-height: inherit; line-height: inherit;

28
style/components/switch.less
View File

@ -2,7 +2,7 @@
@switch-duration:.3s; @switch-duration:.3s;
.@{switch-prefix-cls}{ .@{switch-prefix-cls} {
position: relative; position: relative;
display: inline-block; display: inline-block;
box-sizing: border-box; box-sizing: border-box;
@ -18,18 +18,18 @@
user-select: none; user-select: none;
&-inner { &-inner {
color:#fff; color: #fff;
font-size: 12px; font-size: 12px;
position: absolute; position: absolute;
left: 24px; left: 24px;
} }
&:after{ &:after {
position: absolute; position: absolute;
width: 18px; width: 18px;
height: 18px; height: 18px;
left: 2px; left: 2px;
top:1px; top: 1px;
border-radius: 100%; border-radius: 100%;
background-color: #fff; background-color: #fff;
content: " "; content: " ";
@ -37,37 +37,31 @@
transition: left @switch-duration @ease-in-out-circ; transition: left @switch-duration @ease-in-out-circ;
} }
&:hover:after{ &-checked {
}
&-checked{
border: 1px solid @primary-color; border: 1px solid @primary-color;
background-color: @primary-color; background-color: @primary-color;
.@{switch-prefix-cls}-inner { .@{switch-prefix-cls}-inner {
left:6px; left: 6px;
} }
&:after{ &:after {
left: 22px; left: 22px;
} }
} }
&-disabled{ &-disabled {
cursor: no-drop; cursor: no-drop;
background: #f4f4f4; background: #f4f4f4;
border-color:#f4f4f4; border-color: #f4f4f4;
&:after{ &:after {
background: #ccc; background: #ccc;
cursor: no-drop; cursor: no-drop;
} }
&:hover:after{
}
&-inner { &-inner {
color:#ccc; color: #ccc;
} }
} }
} }

25
style/components/table.less
View File

@ -64,10 +64,11 @@
} }
th.@{table-prefix-cls}-column-sort { th.@{table-prefix-cls}-column-sort {
background: #EAEAEA; background: #eaeaea;
} }
th, td { th,
td {
padding: 16px 8px; padding: 16px 8px;
} }
@ -156,11 +157,11 @@
&.@{table-prefix-cls}-bordered { &.@{table-prefix-cls}-bordered {
table { table {
border: 1px solid #E9E9E9; border: 1px solid #e9e9e9;
} }
th { th {
border-bottom: 1px solid #E9E9E9; border-bottom: 1px solid #e9e9e9;
} }
tr:last-child { tr:last-child {
@ -169,8 +170,9 @@
} }
} }
th, td { th,
border-right: 1px solid #E9E9E9; td {
border-right: 1px solid #e9e9e9;
&:last-child { &:last-child {
border-right: 0; border-right: 0;
} }
@ -192,7 +194,7 @@
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
color: #999; color: #999;
border-bottom: 1px solid #E9E9E9; border-bottom: 1px solid #e9e9e9;
position: absolute; position: absolute;
top: 50px; top: 50px;
left: 0; left: 0;
@ -249,7 +251,7 @@
height: 18px; height: 18px;
text-align: center; text-align: center;
line-height: 15px; line-height: 15px;
border: 1px solid #E9E9E9; border: 1px solid #e9e9e9;
user-select: none; user-select: none;
background: #fff; background: #fff;
&-cell { &-cell {
@ -258,15 +260,16 @@
} }
&-expanded:after { &-expanded:after {
content: '-' content: '-';
} }
&-collapsed:after { &-collapsed:after {
content: '+' content: '+';
} }
} }
tr&-expanded-row { tr&-expanded-row {
&, &:hover { &,
&:hover {
background: #fbfbfb; background: #fbfbfb;
} }
} }

11
style/components/tabs.less
View File

@ -49,7 +49,8 @@
padding-right: 32px; padding-right: 32px;
} }
&-tab-prev, &-tab-next { &-tab-prev,
&-tab-next {
user-select: none; user-select: none;
z-index: 2; z-index: 2;
margin-right: -2px; margin-right: -2px;
@ -58,7 +59,7 @@
height: 100%; height: 100%;
line-height: 32px; line-height: 32px;
cursor: pointer; cursor: pointer;
border: none; border: 0;
background-color: transparent; background-color: transparent;
position: absolute; position: absolute;
text-align: center; text-align: center;
@ -134,7 +135,8 @@
list-style: none; list-style: none;
float: left; float: left;
&:before, &:after { &:before,
&:after {
display: table; display: table;
content: " "; content: " ";
} }
@ -144,7 +146,8 @@
} }
div.@{tab-prefix-cls}-tab-active { div.@{tab-prefix-cls}-tab-active {
> .@{tab-prefix-cls}-tab-inner, > .@{tab-prefix-cls}-tab-inner:hover { > .@{tab-prefix-cls}-tab-inner,
> .@{tab-prefix-cls}-tab-inner:hover {
color: tint(@primary-color, 20%); color: tint(@primary-color, 20%);
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;

2
style/components/timepicker/Select.less
View File

@ -1,6 +1,6 @@
.@{timepicker-prefix-cls}-select { .@{timepicker-prefix-cls}-select {
float: left; float: left;
overflow-y:auto; overflow-y: auto;
font-size: 12px; font-size: 12px;
border: 1px solid #e9e9e9; border: 1px solid #e9e9e9;
border-width: 0 1px; border-width: 0 1px;

16
style/components/tooltip.less
View File

@ -38,16 +38,24 @@
display: none; display: none;
} }
&-placement-top, &-placement-topLeft, &-placement-topRight { &-placement-top,
&-placement-topLeft,
&-placement-topRight {
padding: @tooltip-arrow-width 0 @tooltip-distance 0; padding: @tooltip-arrow-width 0 @tooltip-distance 0;
} }
&-placement-right, &-placement-rightTop, &-placement-rightBottom { &-placement-right,
&-placement-rightTop,
&-placement-rightBottom {
padding: 0 @tooltip-arrow-width 0 @tooltip-distance; padding: 0 @tooltip-arrow-width 0 @tooltip-distance;
} }
&-placement-bottom, &-placement-bottomLeft, &-placement-bottomRight { &-placement-bottom,
&-placement-bottomLeft,
&-placement-bottomRight {
padding: @tooltip-distance 0 @tooltip-arrow-width 0; padding: @tooltip-distance 0 @tooltip-arrow-width 0;
} }
&-placement-left, &-placement-leftTop, &-placement-leftBottom { &-placement-left,
&-placement-leftTop,
&-placement-leftBottom {
padding: 0 @tooltip-distance 0 @tooltip-arrow-width; padding: 0 @tooltip-distance 0 @tooltip-arrow-width;
} }
} }

2
style/components/tree.less
View File

@ -64,7 +64,7 @@
font-family: 'anticon'; font-family: 'anticon';
font-weight: bold; font-weight: bold;
.animation(loadingCircle 1s infinite linear); .animation(loadingCircle 1s infinite linear);
margin-top:8px; margin-top: 8px;
} }
} }
&.@{tree-prefix-cls}-switcher { &.@{tree-prefix-cls}-switcher {

3
style/components/typography.less
View File

@ -1,3 +1,4 @@
//== Typography //== Typography
//** Headings: h1 h2 h3 h4 h5 h6 //** Headings: h1 h2 h3 h4 h5 h6

26
style/components/upload.less
View File

@ -7,7 +7,7 @@
width: 100%; width: 100%;
} }
input[type=file] { input[type="file"] {
cursor: pointer; cursor: pointer;
} }
@ -141,18 +141,18 @@
.@{upload-prefix-cls}-margin-top-leave { .@{upload-prefix-cls}-margin-top-leave {
animation: uploadMarginTopOut .3s @ease-in-out-circ; animation: uploadMarginTopOut .3s @ease-in-out-circ;
} }
}
@keyframes uploadMarginTopIn { @keyframes uploadMarginTopIn {
from { from {
margin-top: -25px; margin-top: -25px;
opacity: 0; opacity: 0;
} }
} }
@keyframes uploadMarginTopOut { @keyframes uploadMarginTopOut {
to { to {
margin-top: -25px; margin-top: -25px;
opacity: 0; opacity: 0;
}
} }
} }

4
style/core/base.less
View File

@ -25,8 +25,8 @@ body {
// unify the setting of elements's margin and padding for browsers // unify the setting of elements's margin and padding for browsers
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
margin:0; margin: 0;
padding:0; padding: 0;
} }
// Reset fonts for relevant elements // Reset fonts for relevant elements

3
style/core/index.less
View File

@ -2,4 +2,5 @@
@import "color"; @import "color";
@import "iconfont"; @import "iconfont";
@import "layouts"; @import "layouts";
@import "motion"; @import "motion";

6
style/core/motion.less
View File

@ -4,7 +4,8 @@
} }
.make-motion(@className, @keyframeName) { .make-motion(@className, @keyframeName) {
.@{className}-enter, .@{className}-appear { .@{className}-enter,
.@{className}-appear {
.motion-common(); .motion-common();
animation-play-state: paused; animation-play-state: paused;
} }
@ -12,7 +13,8 @@
.motion-common(); .motion-common();
animation-play-state: paused; animation-play-state: paused;
} }
.@{className}-enter.@{className}-enter-active, .@{className}-appear.@{className}-appear-active { .@{className}-enter.@{className}-enter-active,
.@{className}-appear.@{className}-appear-active {
animation-name: ~"@{keyframeName}In"; animation-name: ~"@{keyframeName}In";
animation-play-state: running; animation-play-state: running;
} }

3
style/core/motion/fade.less
View File

@ -1,6 +1,7 @@
.fade-motion(@className, @keyframeName) { .fade-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName); .make-motion(@className, @keyframeName);
.@{className}-enter, .@{className}-appear { .@{className}-enter,
.@{className}-appear {
opacity: 0; opacity: 0;
animation-timing-function: linear; animation-timing-function: linear;
} }

3
style/core/motion/move.less
View File

@ -1,6 +1,7 @@
.move-motion(@className, @keyframeName) { .move-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName); .make-motion(@className, @keyframeName);
.@{className}-enter, .@{className}-appear { .@{className}-enter,
.@{className}-appear {
opacity: 0; opacity: 0;
animation-timing-function: @ease-out-circ; animation-timing-function: @ease-out-circ;
} }

3
style/core/motion/other.less
View File

@ -7,4 +7,5 @@
transform-origin: 50% 50%; transform-origin: 50% 50%;
transform: rotate(360deg); transform: rotate(360deg);
} }
} }

3
style/core/motion/slide.less
View File

@ -1,6 +1,7 @@
.slide-motion(@className, @keyframeName) { .slide-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName); .make-motion(@className, @keyframeName);
.@{className}-enter, .@{className}-appear { .@{className}-enter,
.@{className}-appear {
opacity: 0; opacity: 0;
animation-timing-function: @ease-out-quint; animation-timing-function: @ease-out-quint;
} }

9
style/core/motion/swing.less
View File

@ -1,9 +1,11 @@
.swing-motion(@className, @keyframeName) { .swing-motion(@className, @keyframeName) {
.@{className}-enter, .@{className}-appear { .@{className}-enter,
.@{className}-appear {
.motion-common(); .motion-common();
animation-play-state: paused; animation-play-state: paused;
} }
.@{className}-enter.@{className}-enter-active, .@{className}-appear.@{className}-appear-active { .@{className}-enter.@{className}-enter-active,
.@{className}-appear.@{className}-appear-active {
animation-name: ~"@{keyframeName}In"; animation-name: ~"@{keyframeName}In";
animation-play-state: running; animation-play-state: running;
} }
@ -12,7 +14,8 @@
.swing-motion(swing, antSwing); .swing-motion(swing, antSwing);
@keyframes antSwingIn { @keyframes antSwingIn {
0%, 100% { 0%,
100% {
transform: translateX(0px); transform: translateX(0px);
} }
20% { 20% {

3
style/core/motion/zoom.less
View File

@ -1,6 +1,7 @@
.zoom-motion(@className, @keyframeName) { .zoom-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName); .make-motion(@className, @keyframeName);
.@{className}-enter, .@{className}-appear { .@{className}-enter,
.@{className}-appear {
transform: scale(0); // need this by yiminghe transform: scale(0); // need this by yiminghe
animation-timing-function: @ease-out-circ; animation-timing-function: @ease-out-circ;
} }

2
style/mixins/button.less
View File

@ -110,7 +110,7 @@
} }
&.disabled, &.disabled,
&[disabled]{ &[disabled] {
cursor: @cursor-disabled; cursor: @cursor-disabled;
} }

3
style/mixins/form.less
View File

@ -1,5 +1,6 @@
.form-control-validation(@text-color: @input-color; @border-color: @input-border-color; @background-color: @input-bg) { .form-control-validation(@text-color: @input-color; @border-color: @input-border-color; @background-color: @input-bg) {
.@{css-prefix}form-explain, .@{css-prefix}form-split { .@{css-prefix}form-explain,
.@{css-prefix}form-split {
color: @text-color; color: @text-color;
} }
// 输入框的不同校验状态 // 输入框的不同校验状态

2
style/mixins/input.less
View File

@ -18,7 +18,7 @@
} }
// == when hoverd // == when hoverd
.hover(@color: @input-hover-border-color ) { .hover(@color: @input-hover-border-color) {
border-color: tint(@color, 20%); border-color: tint(@color, 20%);
} }

12
style/mixins/vendor-prefixes.less
View File

@ -54,7 +54,7 @@
// Prevent browsers from flickering when using CSS 3D transforms. // Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden` // Default value is `visible`, but can be changed to `hidden`
.backface-visibility(@visibility){ .backface-visibility(@visibility) {
-webkit-backface-visibility: @visibility; -webkit-backface-visibility: @visibility;
-moz-backface-visibility: @visibility; -moz-backface-visibility: @visibility;
backface-visibility: @visibility; backface-visibility: @visibility;
@ -104,8 +104,14 @@
color: @color; color: @color;
opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
} }
&:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ // Internet Explorer 10+
&::-webkit-input-placeholder { color: @color; } // Safari and Chrome &:-ms-input-placeholder {
color: @color;
}
// Safari and Chrome
&::-webkit-input-placeholder {
color: @color;
}
} }
// Transformations // Transformations