added fallback for all rem units

ehmorris · Apr 13, 2012 · 95d8d98 · 95d8d98
1 parent 3cfd00e
commit 95d8d98
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 2 deletions.
diff --git a/app/assets/stylesheets/_defaults.scss b/app/assets/stylesheets/_defaults.scss
@@ -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;
 }
 

diff --git a/app/assets/stylesheets/_flashes.scss b/app/assets/stylesheets/_flashes.scss
@@ -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;
 }
 

diff --git a/app/assets/stylesheets/_forms.scss b/app/assets/stylesheets/_forms.scss
@@ -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;
 }
 

diff --git a/app/assets/stylesheets/_lists.scss b/app/assets/stylesheets/_lists.scss
@@ -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;
 }
diff --git a/app/assets/stylesheets/_tables.scss b/app/assets/stylesheets/_tables.scss
@@ -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;
 }
 

diff --git a/app/assets/stylesheets/_type.scss b/app/assets/stylesheets/_type.scss
@@ -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 {