X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=style.styl;h=22fccb6502a9125b8801d9f20c6be455a75774d7;hb=a4d3bf06e886c8d0bd4f973ffd03adddf42e1647;hp=0d767db633a5ed2fc8d79ab579605ed6b27b8802;hpb=7b5d2000778d73d50cf3af48b497fb4e8f01dca2;p=wfpl-cms.git

diff --git a/style.styl b/style.styl
index 0d767db..22fccb6 100644
--- a/style.styl
+++ b/style.styl
@@ -10,7 +10,8 @@ golden_ratio_small = 0.38196601125010515180 // ratio of whole to smaller part
 
 ////// Dimensions
 image_float_size = golden_ratio_small // at col max width: ratio to image width
-narrow_column_ifs = image_float_size * 1.5 // img width ratio for always-small columns
+narrow_col_lr_width = 50% // width of left/right images in always-narrow columns
+narrow_col_ci_width = 70% // width of centered images in always-narrow columns
 image_float_min_size = 0.5 // ratio to image width when cols are scaled to min width
 image_float_margin = 2%
 mobile_menu_width = 600px // switch to mobile menu when screen gets this narrow
@@ -401,10 +402,16 @@ table.evenodd
 for selector, css in columns.css
 	body > {selector}
 		{css}
+		if columns['widths'][selector] < runaround_max
+			.wfpl_li, .wfpl_ri
+				width: narrow_col_lr_width
+			.wfpl_ci
+				width: narrow_col_ci_width
 
 // center when big
 body > .centerer
-	margin: 0 auto
+	margin-left: auto
+	margin-right: auto
 
 // small enough that things are scaling, big enough that we have all columns
 @media screen and (max-width: (columns.width))
@@ -480,9 +487,6 @@ for selector, css in columns.css
 		screen_rmax = columns.width / columns['widths']['.centerer.full > .main'] * runaround_max
 		@media screen and (max-width: (screen_rmax))
 			wfpl_li_ri_to_ci(selector, columns['widths'][selector] * image_float_size)
-	else
-		// no @media, because these colums are always narrower than runaround_max
-		wfpl_li_ri_to_ci(selector, columns['widths'][selector] * narrow_column_ifs)
 
 #mobile_menu_button
 	display: none;