website Changeset - a1ec8996701c · Conservancy Kallithea

Changeset - a1ec8996701c

Parent rev.

Child rev.

[Not reviewed]

0 2 1

Brett Smith (brett) - 7 years ago 2016-11-30 21:18:06
brett@sfconservancy.org

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.

3 files changed with 13 insertions and 12 deletions:

www/conservancy/static/css/conservancy-bigscreen.css

www/conservancy/static/css/conservancy.css

www/conservancy/templates/base_conservancy.html

0 comments (0 inline, 0 general)

www/conservancy/static/css/conservancy-bigscreen.css

➞

Show inline comments

 new file 100644
 /* "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%;
+}

www/conservancy/static/css/conservancy.css

➞

Show inline comments

@@ ... / @@ -264,14 +264,2 @@ h3 { margin-top: .6em; margin-bottom: .4em; } @@
 @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 {

www/conservancy/templates/base_conservancy.html

➞

Show inline comments

@@ ... / @@ -15,2 +15,3 @@ @@
     <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" />

0 comments (0 inline, 0 general)