From 0eb9e95feb0d924279d9d5bbb55d6fa741f929de Mon Sep 17 00:00:00 2001 From: yiminghe Date: Mon, 31 Aug 2015 12:20:04 +0800 Subject: [PATCH] revert select style --- style/components/select.less | 38 +++++++++++++++++++----------------- 1 file changed, 20 insertions(+), 18 deletions(-) diff --git a/style/components/select.less b/style/components/select.less index 9c093ab872..06f80bbb9a 100644 --- a/style/components/select.less +++ b/style/components/select.less @@ -1,3 +1,4 @@ + @select-prefix-cls: ant-select; @import "../mixins/iconfont"; @@ -46,7 +47,7 @@ right: 8px; line-height: 1; margin-top: -5px; - font-size: 8px; + .iconfont-size-under-12px(8px); * { display: none; @@ -72,12 +73,10 @@ .transition(all .3s @ease-in-out); &:hover { - border-color: tint(@primary-color, 20%); + .hover; } &:active { - border-color: tint(@primary-color, 20%); - outline: 0; - box-shadow: 0 0 0 2px tint(@primary-color, 80%); + .active; } } @@ -116,19 +115,19 @@ } &-lg { - .@{select-prefix-cls}-selection--single { + .ant-select-selection--single { height: 32px; - .@{select-prefix-cls}-selection__rendered { + .ant-select-selection__rendered { line-height: 30px; } } - .@{select-prefix-cls}-selection--multiple { + .ant-select-selection--multiple { min-height: 32px; - .@{select-prefix-cls}-selection__rendered { + .ant-select-selection__rendered { li { height: 24px; - .@{select-prefix-cls}-selection__choice__content { + .ant-select-selection__choice__content { font-size: 14px; line-height: 24px; } @@ -138,23 +137,23 @@ } &-sm { - .@{select-prefix-cls}-selection--single { + .ant-select-selection--single { height: 22px; - .@{select-prefix-cls}-selection__rendered { + .ant-select-selection__rendered { line-height: 20px; } } - .@{select-prefix-cls}-selection--multiple { + .ant-select-selection--multiple { min-height: 22px; - .@{select-prefix-cls}-selection__rendered { + .ant-select-selection__rendered { li { height: 14px; - .@{select-prefix-cls}-selection__choice__content { + .ant-select-selection__choice__content { line-height: 14px; position: relative; top: -3px; } - .@{select-prefix-cls}-selection__choice__remove { + .ant-select-selection__choice__remove { position: relative; top: -4px; } @@ -242,7 +241,7 @@ cursor: pointer; display: inline-block; font-weight: bold; - font-size: 8px; + .iconfont-size-under-12px(8px); padding: 0 0 0 4px; position: relative; top: -1px; @@ -260,7 +259,10 @@ &-open { .@{select-prefix-cls}-arrow { .ie-rotate(2); - transform: rotate(180deg); + -ms-transform: rotate(180deg); + &:before { + .rotate(180deg); + } } .@{select-prefix-cls}-selection { .active();