mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00
Code Issues Actions 25 Packages Projects Releases Wiki Activity

site style

Browse Source
This commit is contained in:
afc163 2015-06-15 16:00:45 +08:00
parent 987e212613
commit 520d6b60da
1 changed files with 55 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

109
static/style.css
View File

@ -613,60 +613,6 @@ footer ul li > a {
margin-left: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.nav {
width: 40%;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.nav, .search {
display: none;
}
.logo {
margin: 10px;
width: 110px;
height: auto;
}
.nav-phone-icon {
display: block;
width: 49px;
height: 49px;
float: right;
cursor: pointer;
background: #BEC4C8;
}
.nav-phone-icon:before,
.nav-phone-icon:after {
content: "";
display: block;
border-radius: 1px;
width: 15px;
height: 2px;
background: #EBEDEE;
margin: 20px 0 0 18px;
}
.nav-phone-icon:after {
margin-top: 5px;
}
.main {
height: calc(100% - 86px);
}
footer ul {
display: none;
}
footer h3 {
display: block;
}
}
/****************************动画样式*********************************/
.delay-mode {
animation-fill-mode: backwards !important;
@ -1827,3 +1773,58 @@ a.entry-link:hover .icon-lego {
-webkit-animation: rotateCircle 0.5s 1 ease-in-out;
animation: rotateCircle 0.5s 1 ease-in-out;
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
.code-boxes-col {
float: none;
width: 100%;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.nav, .search {
display: none;
}
.logo {
margin: 10px;
width: 110px;
height: auto;
}
.nav-phone-icon {
display: block;
width: 49px;
height: 49px;
float: right;
cursor: pointer;
background: #BEC4C8;
}
.nav-phone-icon:before,
.nav-phone-icon:after {
content: "";
display: block;
border-radius: 1px;
width: 15px;
height: 2px;
background: #EBEDEE;
margin: 20px 0 0 18px;
}
.nav-phone-icon:after {
margin-top: 5px;
}
.main {
height: calc(100% - 86px);
}
footer ul {
display: none;
}
footer h3 {
display: block;
}
}