library-mirrors/normalize.css
1
0
Fork 0
mirror of https://github.com/necolas/normalize.css.git synced 2024-12-25 15:14:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Minor CSS update; add MQ to reduce font-size on narrow screens

Browse Source
This commit is contained in:
necolas 2011-05-31 19:39:36 +01:00
parent 2637f85198
commit 6a2dd47a3f
1 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
style.css
View File

@ -1,6 +1,6 @@
html { html {
overflow-y: scroll; overflow-y: scroll;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
} }
@ -9,7 +9,7 @@ body {
max-width: 480px; max-width: 480px;
padding: 0 0 40px; padding: 0 0 40px;
margin: 0 auto; margin: 0 auto;
font: 16px/1.4 Calibri, sans-serif; font: 1em/1.4 Calibri, sans-serif;
color: #222; color: #222;
background: #fff; background: #fff;
_width: 480px; _width: 480px;
@ -104,8 +104,8 @@ p {
padding: 6px 15px; padding: 6px 15px;
border: 1px solid #487310; border: 1px solid #487310;
margin: 20px 0 0; margin: 20px 0 0;
font-size: 22px; font-size: 1.375em;
line-height: 28px; line-height: 1.273;
color: #fff; color: #fff;
background: #6EAD1A; background: #6EAD1A;
text-shadow:0 1px 1px rgba(0,0,0,0.4); text-shadow:0 1px 1px rgba(0,0,0,0.4);
@ -148,5 +148,19 @@ p {
padding: 10px 0 0; padding: 10px 0 0;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
margin: 3em 0 0; margin: 3em 0 0;
font-size: 13px; font-size: 0.8125em;
}
@media screen and (max-width:480px) {
body {
font-size: 0.875em;
}
h1 {
font-size: 3em;
}
.fork {
display: none;
}
} }