A bunch of changes to kick off remaking the website.

2025-09-13 11:48:21 -07:00
parent 1f942b113d
commit d8b158f63b
21 changed files with 179 additions and 96 deletions
--- a/public/_canned.sass
+++ b/public/_canned.sass
@@ -0,0 +1,62 @@
+#canned
+	.mainTextBlock
+
+	.secondaryTextBlock
+		font-size: 10px
+		border: 1px solid #666
+		padding: 4px
+		width: 300px
+		margin-left: 14px
+		margin-bottom: 6px
+		float: right
+	
+	.shipImage
+		width: 100px
+		float: left
+		padding-right: 2px
+	
+	.priceList 
+		width: 100%
+		border: 2px solid #777
+	
+	.secondaryTextBlock
+
+	/* farm-made-fare.html */
+	@media(max-width: 509px)
+		.columned
+			width: 250px
+		.secondaryTextBlock
+			margin: 0 auto
+			float: none
+	@media(min-width: 510px) and (max-width: 769px)
+		.columned
+			width: 510px
+		.secondaryTextBlock
+			width: 200px
+	@media(min-width: 770px) /* and (max-width: 1029px)*/
+		.columned
+			width: 770px
+	.columned
+		-webkit-columns: 250px auto
+		-moz-columns: 250px auto
+		columns: 250px auto
+		-webkit-column-gap: 10px
+		-moz-column-gap: 10px
+		column-gap: 10px
+	.columned div
+		display: inline-block
+		min-width: 250px
+	@media(max-width: 549px)
+		#vapPicturesContainer img
+			width: 170px
+			height: 96px
+		.vapPictures
+			width: 180px
+			height: 106px
+	@media(min-width: 550px)
+		#vapPicturesContainer img
+			width: 580px
+			height: 326px
+		.vapPictures
+			width: 590px
+			height: 336px