dan
/
jekyll
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #1286 from cobyism/news-responsivityness 

News responsivityness
This commit is contained in:
Parker Moore 2013-07-08 13:14:31 -07:00
parent ff48b88a4f a6c0fa9b6d
commit dca7158037
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/_includes/news_item.html
View File

@ -1,5 +1,5 @@
<article> <article>
<h2 class="center-on-mobiles"> <h2>
<a href="{{ post.url }}"> <a href="{{ post.url }}">
{{ post.title }} {{ post.title }}
</a> </a>

2
site/_layouts/news_item.html
View File

@ -3,7 +3,7 @@ layout: news
--- ---
<article> <article>
<h2 class="center-on-mobiles"> <h2>
{{ page.title }} {{ page.title }}
<a href="{{ page.url }}" class="permalink" title="Permalink">∞</a> <a href="{{ page.url }}" class="permalink" title="Permalink">∞</a>
</h2> </h2>

12
site/css/style.css
View File

@ -104,7 +104,7 @@ nav li {
text-transform: uppercase; text-transform: uppercase;
font-size: 14px; font-size: 14px;
font-weight: 800; font-weight: 800;
padding: 5px 0; padding: 5px;
border-radius: 5px; border-radius: 5px;
} }
@ -126,7 +126,7 @@ nav li {
text-align: right; text-align: right;
} }
} }
@media (max-width: 720px){ @media (max-width: 830px){
.main-nav .show-on-mobiles { .main-nav .show-on-mobiles {
display: inline; display: inline;
} }
@ -371,6 +371,12 @@ article {
font-size: 16px; font-size: 16px;
} }
@media (max-width: 480px){
article ul {
padding-left: 20px;
}
}
@media (max-width: 568px){ @media (max-width: 568px){
article { article {
margin: 0; margin: 0;
@ -552,7 +558,7 @@ article h2:first-child {
@media (max-width: 568px){ @media (max-width: 568px){
.post-category { .post-category {
margin-right: -30px; padding-left: 30px;
} }
} }