About page css adjust

This commit is contained in:
yafeilee 2016-04-27 10:21:26 +08:00
parent eb2886e686
commit 91e9201bea
2 changed files with 24 additions and 19 deletions

View File

@ -37,7 +37,14 @@
a {
word-wrap: break-word;
}
@media only screen and (min-width: 40.063em) {
//@media only screen and (min-width: 40.063em) {
@media screen and (max-width: 39.9375em) {
.top-bar-wrapper {
.top-bar, .top-bar-left, .top-bar-right {
width: auto !important;
}
}
}
.top-bar-wrapper {
background: 0 0;
transition: background .5s ease-in-out,padding .5s ease-in-out;
@ -77,7 +84,7 @@
}
}
}
}
//}
p {
font-size: 1.275rem;

View File

@ -3,23 +3,21 @@
- content_for(:main) do
.about-page
.top-bar-wrapper.contain-to-grid.fixed
.row
.small-12.columns
nav#about-top-bar.top-bar
.top-bar-left
ul.menu
li
a.name href='/' 回到博客
.top-bar-right
ul.menu
li
a href='#about' 关于
li
a href='#skill' 技能
li
a href='#work' 作品
li
a href='#contact' 联系
nav#about-top-bar.top-bar
.top-bar-left
ul.menu
li
a.name href='/' 回到博客
.top-bar-right
ul.menu
li
a href='#about' 关于
li
a href='#skill' 技能
li
a href='#work' 作品
li
a href='#contact' 联系
#intro
header.intro
.intro-heading