mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-15 17:19:11 +08:00
abf215a982
* 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
91 lines
1.4 KiB
Plaintext
91 lines
1.4 KiB
Plaintext
@import '../../../../../components/style/themes/default.less';
|
|
|
|
@home-color: #0170fe;
|
|
|
|
.home-banner {
|
|
position: relative;
|
|
height: 512px;
|
|
overflow: hidden;
|
|
background: radial-gradient(rgba(255, 255, 255, 0.5), rgba(235, 245, 255, 0.58)),
|
|
linear-gradient(150deg, #fbfcfd, #f8fcff);
|
|
|
|
&-holder {
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-top: 160px;
|
|
}
|
|
|
|
&-content {
|
|
margin: 0 auto;
|
|
padding: 0 16px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
|
|
p {
|
|
margin: 16px 0 0;
|
|
font-weight: lighter;
|
|
}
|
|
|
|
.banner-video {
|
|
display: none;
|
|
margin: 20px auto 0;
|
|
color: @home-color;
|
|
}
|
|
|
|
&-operations {
|
|
margin-top: 72px;
|
|
white-space: nowrap;
|
|
|
|
button {
|
|
height: auto;
|
|
margin: 0 8px;
|
|
padding: 8px 24px;
|
|
font-size: 14px;
|
|
border-color: @home-color;
|
|
|
|
&:hover {
|
|
border-color: @home-color;
|
|
}
|
|
|
|
&.ant-btn-primary {
|
|
background: @home-color;
|
|
}
|
|
|
|
&:not(.ant-btn-primary) {
|
|
color: @home-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (min-width: @screen-sm-min) {
|
|
.home-banner {
|
|
height: 448px;
|
|
|
|
&-holder {
|
|
margin-top: 130px;
|
|
}
|
|
|
|
&-content {
|
|
font-size: 16px;
|
|
|
|
p {
|
|
margin-top: 24px;
|
|
}
|
|
|
|
.video {
|
|
margin: 8px auto;
|
|
}
|
|
|
|
&-operations {
|
|
margin-top: 40px;
|
|
|
|
button {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|