pricecharts

commit 58b131d272bb8ce365e1e4c9010b8d72efdc760c
parent ee9a7c3b714e7b789dea37b8b6a5248a3b910909
Author: Kyle Milz <kyle@getaddrinfo.net>
Date:   Thu, 30 Apr 2015 22:20:24 -0600

css: split up generic and specific columns

Diffstat:
M
pricechart.css
 | 
24
++++++++++++------------
M
tt/coarse_list.tt
 | 
7
+++----
M
tt/index.tt
 | 
2
+-

3 files changed, 16 insertions(+), 17 deletions(-)
diff --git a/pricechart.css b/pricechart.css
@@ -7,12 +7,15 @@ p {
 }
 
 .column {
-	width: 40%;
-	padding: 0 4% 0 4%;
 	display: inline-block;
 	vertical-align: top;
 }
 
+.index_column {
+	width: 40%;
+	padding: 0 4% 0 4%;
+}
+
 .product {
 	padding: 0.5em;
 	margin: 0.3em 0 0.3em 0;
@@ -25,13 +28,18 @@ p {
 	height: 3em;
 }
 
+.manufacturers {
+	padding: 0 2% 0 2%;
+	width: 29%;
+}
+
 @media (max-width: 640px) {
 	.manufacturers {
 		width: 100%;
 		padding: 0 0 0 0;
 	}
 
-	.column {
+	.index_column {
 		width: 100%;
 		padding: 0 0 0 0;
 	}
@@ -55,13 +63,6 @@ p {
 	padding: 5px;
 }
 
-.manufacturers {
-	padding: 0 2% 0 2%;
-	width: 29%;
-	display: inline-block;
-	vertical-align: top;
-}
-
 .manufacturers img {
 	height: 3em;
 }
@@ -83,12 +84,11 @@ p {
 }
 
 .list_item {
-	vertical-align: middle;
 	padding: 5px;
 }
 
 .logo_small {
-	height: 1em;
+	height: 2em;
 }
 
 /* horizontal rulers, plus date ticks */
diff --git a/tt/coarse_list.tt b/tt/coarse_list.tt
@@ -2,7 +2,7 @@
 	<h1>[% name %] ([% list.keys.size %])</h1>
 	[% name_link = name.lower.replace('[ #\/]', '_') %]
 
-	<div class="thirds_column">
+	<div class="column [% name_link %]">
 	<ul>
 	[% i = 0 %]
 	[% FOREACH item IN list.keys.sort %]
@@ -16,14 +16,13 @@
 			</ul>
 			</div>
 
-			<div class="thirds_column">
+			<div class="column [% name_link %]">
 			<ul>
 		[% END %]
 		[% i = i + 1 %]
 		<li><div class="list_item">
 		<a href="/[% name_link %]/[% item_link %].html">
-			<img alt="[% item %]" class="[% name_link %]"
-				src="/[% logo %]" />
+			<img alt="[% item %]" src="/[% logo %]" />
 		</a><br>
 
 		<div class="breakdown">
diff --git a/tt/index.tt b/tt/index.tt
@@ -17,7 +17,7 @@
 		of products that are saved and converted into charts.</p>
 	</div>
 
-	<div class="column">
+	<div class="column index_column">
 		<h1>New Products ([% news.size %])</h1>
 		<ul>
 		[% FOREACH new IN news %]