ant-design/site/theme/template/Home/MorePage.less
二货机器人 abf215a982
docs: Update 4.0 site (#20290)
* init recommend block

* init design pages

* home frames

* add background banner

* hello, Hitu makes the animation

* add media query

* add images

* update types

* add declare

* preload support

* update ignore

* additional ignore site Home lint

* update ignore

* add hover effect

* adjust alt of bannber

* adjust lang & card shadow

* fix typo

* adjust desc

* hitu in english

* article add link

* Certainty is hitu

* Meaning Hitu

* Growth with Hitu

* Natural Hitu

* slow down of Natural

* adjust speed of icons

* New Meaning animation

* adjust animation duration

* update card link

* update link

* values doc

* replace images

* faster Growth

* update values

* fix lint

* all slow down

* adjust padding

* update icons

* adjust margin

* update images

* adjust montion

* adjust by designer

* update pages

* update design prod

* update articles

* update site style

* update doc

* update images

* update style

* lint fix

* adjust liner color

* github text color update

* adjust margin of title

* mobile design

* update design sub card

* update style

* less lint

* update images

* design card auto height

* update img

* update logo transition

* adjust card style

* adjust style to fix 184

* adjust nav style

* category it

* slow down of logo

* update style

* hide video link

* hitu article

* use img of hitu

* update docs

* style lint

* update Hitu layout doc

* update images

* speed up logo

* update link

* clean up

* clean up

* update doc

* adjust doc

* update images
2019-12-26 15:27:52 +08:00

65 lines
1009 B
Plaintext

@import '../../../../components/style/themes/default.less';
.more-card {
.ant-card-cover {
padding: 24px 24px 0 24px;
}
.ant-card-body {
color: #314659;
}
.ant-card-meta-detail {
display: flex;
flex-direction: column;
min-height: 170px;
.ant-card-meta-title {
margin-bottom: 16px;
color: #0d1a26;
font-weight: 400;
white-space: normal;
text-overflow: initial;
word-break: break-word;
}
.ant-card-meta-description {
flex: auto;
color: #697b8c;
}
}
.more-card-source {
float: right;
> img {
vertical-align: baseline;
}
}
}
@media (max-width: @screen-sm-min) {
.more-card {
.ant-card-cover {
margin-bottom: 12px;
padding: 16px 16px 0 16px;
img {
height: 184px;
}
}
.ant-card-meta-title {
font-size: 18px;
}
.ant-card-body {
padding: 16px;
.ant-card-meta-detail {
min-height: 150px;
}
}
}
}