marrub
/
snipt
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Make that shit responsive.

master
Nick Sergeant 2013-04-28 21:02:30 -04:00
parent 8c0a647e4e
commit cd3f451523
3 changed files with 50 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
media/css/snipt.css
View File

File diff suppressed because one or more lines are too long

2
media/css/style.css
View File

File diff suppressed because one or more lines are too long

50
media/css/style.scss
View File

@ -2592,12 +2592,44 @@ body.homepage {
/* Large desktop */
@media (min-width: 1200px) {
section.features {
div.feature {
div.inner {
margin: 0 auto;
width: 560px;
}
&.blog {
background: url('../img/homepage-feature-blog.png') 914px top no-repeat;
}
&.browse {
background: url('../img/homepage-feature-browse.png') 78px top no-repeat;
}
&.share {
background: url('../img/homepage-feature-share.png') right top no-repeat;
}
&.store {
background: url('../img/homepage-feature-store.png') left top no-repeat;
}
}
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
section.features {
div.feature {
background: none !important;
height: auto !important;
div.inner {
margin: 0 auto;
width: 460px;
}
&:last-of-type {
margin-bottom: 35px;
}
}
}
}
/* Landscape phone to portrait tablet */
@ -2634,6 +2666,20 @@ body.homepage {
padding: 0 20px;
}
}
section.features {
div.feature {
background: none !important;
height: auto !important;
div.inner {
margin: 0 auto;
width: 80%;
}
&:last-of-type {
margin-bottom: 35px;
}
}
}
}
/* Landscape phones and down */