From a1ec8996701c8a1fe99349bd8e33143ffa7501ca 2016-11-30 21:18:06
From: Brett Smith <brett@sfconservancy.org>
Date: 2016-11-30 21:18:06
Subject: [PATCH] css: Start a separate stylesheet for "big screen" styles.

I'm about to add more and I *suspect* this will be easier to maintain
in the long term, rather than duplicating the conditional many times.

---

diff --git a/www/conservancy/static/css/conservancy-bigscreen.css b/www/conservancy/static/css/conservancy-bigscreen.css
new file mode 100644
index 0000000000000000000000000000000000000000..ebb41a7ffd6bc3c709c2af2075cc392c3d9ad5c1
--- /dev/null
+++ b/www/conservancy/static/css/conservancy-bigscreen.css
@@ -0,0 +1,12 @@
+/* "Big screen" means, approximately, bigger than a phone */
+
+.column:nth-child(odd) {
+    clear: both;
+    float: left;
+    width: 49%;
+}
+
+.column:nth-child(even) {
+    float: right;
+    width: 49%;
+}
diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css
index 1072da4f90a1b760d6b1cf69e3b22288997b18d5..b217ed1ca79ad9d088b16c65a9a65c7a1b865540 100644
--- a/www/conservancy/static/css/conservancy.css
+++ b/www/conservancy/static/css/conservancy.css
@@ -262,18 +262,6 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 .column h2 a { text-decoration: none; color: #000000; }
 .column h2 a:hover { text-decoration: underline; }
 
-@media all and (min-width: 67em) {
-    .column:nth-child(odd) {
-        clear: both;
-        float: left;
-        width: 49%;
-    }
-    .column:nth-child(even) {
-        float: right;
-        width: 49%;
-    }
-}
-
 #conservancyfooter {
   margin-top: 1em;
   border-top: 1px solid #ccc;
diff --git a/www/conservancy/templates/base_conservancy.html b/www/conservancy/templates/base_conservancy.html
index 1e78b2fca88ac89b1eb584713cc0b0734acb16f6..96f137bf15520851c7709abd3ee9ade78858d947 100644
--- a/www/conservancy/templates/base_conservancy.html
+++ b/www/conservancy/templates/base_conservancy.html
@@ -13,6 +13,7 @@
     <meta name="keywords" content="software, freedom, conservancy, open source, gnu, GNU, Open Source, Free and Open Source, Free and Open Source Software, FLOSS, FOSS, protect, protection, help, policy, linux, non-profit" />
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
     <link rel="stylesheet" type="text/css" media="screen" href="/css/conservancy.css" />
+    <link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="/css/conservancy-bigscreen.css" />
     <link rel="stylesheet" href="/css/jquery-ui-1.8.22.custom.css" />
     <link rel="stylesheet" href="/css/jquery.ui.multiprogressbar.css" />
     <script type="text/javascript" src="/js/jquery-1.7.2.js"></script>