ant-design/components/card/style/index.less
afc163 0ca6a1c24a css modularize (#1448)
* css modularize

* Add alert style

* Move more component style

* Move iconfont to common style

* Move layout style

* Move more component style

* Move all components

* Fix lots of mixin deps

* remove css-prefix from less

* fix a button icon style bug

* restructure

* fix index

* add dist

* fix jest

* fix some components style

* clean webpack config

* check more components style

* update tabs

* update scripts

* update scripts

* fix form style

* fix more style

* Fix select width

* Fix form and tabs style
2016-04-27 20:44:36 +08:00

67 lines
1.1 KiB
Plaintext

@import "../../style/themes/default";
@card-prefix-cls: ant-card;
.@{card-prefix-cls} {
background: #fff;
border-radius: @border-radius-sm;
font-size: @font-size-base;
position: relative;
overflow: hidden;
transition: all .3s;
&:hover {
box-shadow: @box-shadow-base;
border-color: #eee;
}
&-bordered {
border: 1px solid @border-color-base;
border-color: @border-color-split;
}
&-head {
height: 48px;
line-height: 48px;
border-bottom: 1px solid @border-color-split;
padding: 0 24px;
&-title {
font-size: 14px;
display: inline-block;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
white-space: nowrap;
}
}
&-extra {
position: absolute;
right: 24px;
top: 14px;
}
&-body {
padding: 24px;
}
&-loading &-body {
letter-spacing: -2px;
color: #eee;
font-size: 0.75rem;
}
&-loading &-body p {
word-break: break-all;
line-height: 10px;
margin: 5px 0 0;
height: 10px;
border-radius: @border-radius-base;
overflow: hidden;
display: inline-block;
user-select: none;
color: #f3f5f8;
}
}