Permalink
Browse files

added fallback for all rem units

  • Loading branch information...
1 parent 3cfd00e commit 95d8d9827398464d52259da789e41e1ae76d2867 @ehmorris ehmorris committed Apr 13, 2012
@@ -14,7 +14,9 @@ h1, h2, h3, h4, h5, h6 {
/* Use a .box to create a padded box inside a column. */
.box {
background: #eee;
+ margin-bottom: 1em;
margin-bottom: 1rem;
+ padding: 1em;
padding: 1rem;
}
@@ -4,7 +4,9 @@ div.error, div.notice, div.success, #flash_failure, #flash_success, #flash_notic
-moz-border-radius: .5rem;
-webkit-border-radius: .5rem;
border-radius: .5rem;
+ margin-bottom: .75em;
margin-bottom: .75rem;
+ padding: .75em;
padding: .75rem;
}
@@ -11,6 +11,7 @@ input[type="submit"]::-moz-focus-inner {
form ol {
list-style: none;
+ margin: 0 0 .75em 0;
margin: 0 0 .75rem 0;
}
@@ -20,12 +21,14 @@ form ol ol {
form ol li {
list-style-position: outside;
+ margin: 0 0 .75em 0;
margin: 0 0 .75rem 0;
}
/*list-style-position fixes IE label margin bug*/
form ol ol li {
list-style-position: outside;
+ margin: 0 0 .25em 0;
margin: 0 0 .25rem 0;
}
@@ -40,6 +43,7 @@ p.inline-errors {
form ol li.file {
background: #e1e1e1;
border: 1px solid #c8c8c8;
+ padding: .75em;
padding: .75rem;
}
@@ -66,15 +70,19 @@ a.cancel {
.inline-hints {
color: #666;
+ font-size: .75em;
font-size: .75rem;
+ margin-bottom: .25em;
margin-bottom: .25rem;
}
/* Fieldsets */
fieldset {
background: #f1f1f1;
border: 1px solid #e3e3e3;
+ margin: 0 0 1em 0;
margin: 0 0 1rem 0;
+ padding: 1rem 1rem .75em 1em;
padding: 1rem 1rem .75rem 1rem;
}
@@ -86,7 +94,10 @@ fieldset fieldset, fieldset fieldset fieldset {
legend {
font-weight: bold;
}
-.ie6 legend, .ie7 legend { margin-left: .5rem; }
+.ie6 legend, .ie7 legend {
+ margin-left: .5em;
+ margin-left: .5rem;
+}
fieldset.buttons {
background: inherit;
@@ -120,6 +131,7 @@ input[type="time"],
input[type="url"],
input[type="week"] {
font-size: inherit;
+ padding: .25em;
padding: .25rem;
}
.ie6 input {
@@ -132,6 +144,7 @@ input[disabled='disabled'] {
}
input[type="checkbox"] {
+ margin: 0 .25em 0 0;
margin: 0 .25rem 0 0;
position: relative;
vertical-align: middle;
@@ -141,6 +154,7 @@ input[type="checkbox"] {
}
input[type="radio"] {
+ margin: 0 .25em 0 0;
margin: 0 .25rem 0 0;
position: relative;
vertical-align: middle;
@@ -159,17 +173,21 @@ input[type="radio"] {
/* Textareas */
textarea {
font-size: inherit;
+ margin: 0 .5em .5em 0;
margin: 0 .5rem .5rem 0;
+ padding: .5em;
padding: .5rem;
overflow: auto;
}
/* Select fields */
fieldset .select select {
+ font-size: .75em;
font-size: .75rem;
}
optgroup {
+ margin: 0 0 .5em 0;
margin: 0 0 .5rem 0;
}
@@ -2,6 +2,7 @@
ul, ol {
list-style-position: inside;
+ margin-bottom: 1em;
margin-bottom: 1rem;
}
@@ -15,11 +16,13 @@ ol {
dl {
line-height: 1.4em;
+ margin-bottom: 1em;
margin-bottom: 1rem;
}
dl dt {
font-weight: bold;
+ margin-top: .5em;
margin-top: .5rem;
}
@@ -28,6 +31,7 @@ dl dd {
}
dd {
+ margin-left: .5em;
margin-left: .5rem;
}
@@ -36,5 +40,6 @@ li {
}
ol ol, ol ul, ul ul, ul ol {
+ margin-left: .75em;
margin-left: .75rem;
}
@@ -1,6 +1,7 @@
/* Tables */
table {
+ margin-bottom: 1.5em;
margin-bottom: 1.5rem;
width: 100%;
}
@@ -16,12 +17,15 @@ td {
}
caption, th, td {
+ padding: .25em .75em .25em 0;
padding: .25rem .75rem .25rem 0;
}
caption {
background: #f1f1f1;
+ margin-bottom: .75em;
margin-bottom: .75rem;
+ padding: .75em 0;
padding: .75rem 0;
}
@@ -5,32 +5,38 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
+ font-size: 1.75em;
font-size: 1.75rem;
}
h2 {
+ font-size: 1.5em;
font-size: 1.5rem;
}
h3 {
+ font-size: 1.25em;
font-size: 1.25rem;
}
h4 {
+ font-size: 1em;
font-size: 1rem;
}
h5 {
+ font-size: .75em;
font-size: .75rem;
}
h6 {
+ font-size: .5em;
font-size: .5rem;
}
/* Text elements */
p {
- line-height: 1.4rem;
+ line-height: 1.4em;
}
/* Use this if the image is at the top of the <p>. */
@@ -39,6 +45,7 @@ p img.top {
}
img {
+ margin: 0 0 .75em;
margin: 0 0 .75rem;
}
@@ -49,6 +56,7 @@ abbr, acronym {
address {
font-style: italic;
+ margin-top: 1em;
margin-top: 1rem;
}
@@ -77,7 +85,9 @@ blockquote {
border-left: 4px solid #d1d1d1;
color: #666;
font-style: italic;
+ margin: 1em 0;
margin: 1rem 0;
+ padding-left: .75em;
padding-left: .75rem;
}
@@ -95,6 +105,7 @@ dfn {
}
pre, code {
+ margin: .75em 0;
margin: .75rem 0;
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
@@ -103,13 +114,16 @@ pre, code {
pre, code, tt {
font: .75rem 'andale mono', 'monotype.com', 'lucida console', monospace;
+ font-size: .75em;
+ font-size: .75rem;
line-height: 1.4em;
}
pre.code {
background: #000;
color: #fff;
padding: 1.25em;
+ padding: 1.25rem;
}
tt {

0 comments on commit 95d8d98

Please sign in to comment.