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 { a {
word-wrap: break-word; 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 { .top-bar-wrapper {
background: 0 0; background: 0 0;
transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out;
@ -77,7 +84,7 @@
} }
} }
} }
} //}
p { p {
font-size: 1.275rem; font-size: 1.275rem;

View File

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