]> git.ipfire.org Git - thirdparty/foundation/foundation-emails.git/commitdiff
projects / thirdparty / foundation / foundation-emails.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 305ca7d)
Add Firefox hack to docs examples to restore responsive grid behavior in the browser.
authorEric Morris <eric@zurb.com>
Fri, 3 Jan 2014 22:45:19 +0000 (14:45 -0800)
committerEric Morris <eric@zurb.com>
Fri, 3 Jan 2014 22:45:19 +0000 (14:45 -0800)
13 files changed:
docs/examples/basic-block-grid.html patch | blob | blame | history
docs/examples/basic-grid.html patch | blob | blame | history
docs/examples/basic-sub-grid.html patch | blob | blame | history
docs/examples/buttons.html patch | blob | blame | history
docs/examples/center-class.html patch | blob | blame | history
docs/examples/even-columns.html patch | blob | blame | history
docs/examples/images.html patch | blob | blame | history
docs/examples/offset-columns.html patch | blob | blame | history
docs/examples/panel-sidebar.html patch | blob | blame | history
docs/examples/panel-sub-grid.html patch | blob | blame | history
docs/examples/panels.html patch | blob | blame | history
docs/examples/text-pad.html patch | blob | blame | history
docs/examples/visibility-classes.html patch | blob | blame | history

diff --git a/docs/examples/basic-block-grid.html b/docs/examples/basic-block-grid.html
index 19f3f741b1aed19703c5bbf2094ab0d75c07ef3e..c9a4eab0db1d74e9471e4f0fb843470e3719d6c7 100644 (file)
--- a/docs/examples/basic-block-grid.html
+++ b/docs/examples/basic-block-grid.html
@@ -18,6 +18,14 @@
     table.columns td, table.column td { padding: 5px 0; height: 55px;}
     td.wrapper { padding-top: 5px 0; }
     table.block-grid { margin: 10px 0px;}
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/basic-grid.html b/docs/examples/basic-grid.html
index 45706444c86a2f692da58d64d38bcd11deb10277..a6c2edeee2c8a269fd18297dcc206e24a5d26f0a 100644 (file)
--- a/docs/examples/basic-grid.html
+++ b/docs/examples/basic-grid.html
@@ -17,6 +17,14 @@
     table, tr, td { vertical-align: middle; }
     table.columns td, table.column td { padding: 0; }
     td.wrapper { padding-top: 0; }
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/basic-sub-grid.html b/docs/examples/basic-sub-grid.html
index cc5ee5b32806becfcb4c45356138e5195a81e9dc..0dd068a41424286b65dad0511609b1ba0b907f6c 100644 (file)
--- a/docs/examples/basic-sub-grid.html
+++ b/docs/examples/basic-sub-grid.html
@@ -17,6 +17,14 @@
     table, tr, td { vertical-align: middle; }
     table.columns td, table.column td { padding: 5px 0; height: 55px;}
     td.wrapper { padding-top: 5px 0; }
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/buttons.html b/docs/examples/buttons.html
index 1af44177a6792487488ddba4b9615f98d39d5d2f..83c3dbb1caee4c807e8a80fd1a91ca91db729079 100644 (file)
--- a/docs/examples/buttons.html
+++ b/docs/examples/buttons.html
@@ -13,6 +13,14 @@
       padding-top: 25px;
       padding-bottom: 25px;
     }
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/center-class.html b/docs/examples/center-class.html
index 2586cd419f55b20ac8ee8c1128a850e23b807dac..cc47499ac0e7d0c8cd9af94835754cc9b841e142 100644 (file)
--- a/docs/examples/center-class.html
+++ b/docs/examples/center-class.html
@@ -13,6 +13,14 @@
       padding-top: 25px;
       padding-bottom: 25px;
     }
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/even-columns.html b/docs/examples/even-columns.html
index 1ae9e3d0cd39d9e552b61f214ee8a29825013408..3bf1363d025f636da060ae9c3aa911e0651db5ea 100644 (file)
--- a/docs/examples/even-columns.html
+++ b/docs/examples/even-columns.html
@@ -13,6 +13,14 @@
       padding-top: 25px;
       padding-bottom: 25px;
     }
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/images.html b/docs/examples/images.html
index d5fcc3d94ce9198c846f2d3734bf3113f8f5b00b..a15d51f26dc7266ecca42976b595d707e4d94940 100644 (file)
--- a/docs/examples/images.html
+++ b/docs/examples/images.html
@@ -18,6 +18,14 @@
     table.columns td, table.column td { padding: 5px 0; height: 55px;}
     td.wrapper { padding-top: 5px 0; }
     table.block-grid { margin: 10px 0px;}
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/offset-columns.html b/docs/examples/offset-columns.html
index 68f94cf6648946486ef70489dda5a3b23113eaf8..4691be686c13903bcd02e5c7bd76a1096a722851 100644 (file)
--- a/docs/examples/offset-columns.html
+++ b/docs/examples/offset-columns.html
@@ -13,6 +13,15 @@
       padding-top: 25px;
       padding-bottom: 25px;
     }
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
+
   </style>
 </head>
 <body>
diff --git a/docs/examples/panel-sidebar.html b/docs/examples/panel-sidebar.html
index af118c37e990be22206a8081c8e1f96c9ba4c1fc..145b64e9411ecfc6b2c8d4a9bc547835621aafae 100644 (file)
--- a/docs/examples/panel-sidebar.html
+++ b/docs/examples/panel-sidebar.html
@@ -13,6 +13,14 @@
       padding-top: 25px;
       padding-bottom: 25px;
     }
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/panel-sub-grid.html b/docs/examples/panel-sub-grid.html
index 233fa963b2458b9a2544d390b233cd3ff35bd1e6..15a1ca1a06dd165fc9f23f70e6219dd5e785a3a7 100644 (file)
--- a/docs/examples/panel-sub-grid.html
+++ b/docs/examples/panel-sub-grid.html
@@ -13,6 +13,14 @@
       padding-top: 25px;
       padding-bottom: 25px;
     }
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/panels.html b/docs/examples/panels.html
index 6a921d34a0740ba47ac82c0caa46b98623e8da66..5d56e5770bdaf5192a6eb0da807b34d0c6c81945 100644 (file)
--- a/docs/examples/panels.html
+++ b/docs/examples/panels.html
@@ -13,6 +13,14 @@
       padding-top: 25px;
       padding-bottom: 25px;
     }
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/text-pad.html b/docs/examples/text-pad.html
index d98ea26b05fcb7cf3f0ea08d58125edeba827dae..06d91da81c271aa3b91c673af97d198db2024620 100644 (file)
--- a/docs/examples/text-pad.html
+++ b/docs/examples/text-pad.html
@@ -15,7 +15,13 @@
       background: #82CCE5;
     }
 
-
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
diff --git a/docs/examples/visibility-classes.html b/docs/examples/visibility-classes.html
index c1330bc95d2e65906302db21eab1fba60b1ef166..4bbdd86e8dc7cfeb5600294b7485aa018cd84d9e 100644 (file)
--- a/docs/examples/visibility-classes.html
+++ b/docs/examples/visibility-classes.html
@@ -13,6 +13,14 @@
       padding-top: 25px;
       padding-bottom: 25px;
     }
+
+    /* Firefox display hack */
+    @media only screen and (max-width: 600px) {
+      table[class="body"] .row tr,
+      table[class="body"] .row tbody {
+        display: block;
+      }
+    }
   </style>
 </head>
 <body>
Mirror of https://github.com/foundation/foundation-emails.git