framework/bedrock
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

latest h5bp changes: placeholder media queries for mobile-first approach and addition of respond.js

Browse Source
This commit is contained in:
Ben Word
2011-05-08 17:17:26 -06:00
parent ec4ec025be
commit 985ba6f240
3 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
css/style.css
View File

@@ -1,10 +1,10 @@
/* GENERAL
--------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Typography */
html { overflow-y: scroll; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body { background: #fff; font-family: sans-serif; }
a { color: #06c; }
a { color: #06c; -webkit-tap-highlight-color: #06c; }
a:hover, a:focus { color:#09f; }
a:hover, a:active { outline: none; }
a:active, input.button:active { outline: 0; position: relative; top: 1px; }
@@ -408,20 +408,15 @@ img.ui-datepicker-trigger { vertical-align: middle; }
/* MEDIA QUERIES
--------------------------------------------------------------------------------------------------------------------------------------------------- */
@media all and (orientation: portrait) {
/* Style adjustments for portrait mode goes here */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
}/*/mediaquery*/
@media all and (orientation: landscape) {
/* Style adjustments for landscape mode goes here */
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
@media screen and (max-device-width: 480px) {
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) */
}
}/*/mediaquery*/
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }