From 900e4400fd39e8497ee26717827fec3f920a302c Mon Sep 17 00:00:00 2001 From: Jason Woofenden Date: Sat, 13 Feb 2016 21:51:59 -0500 Subject: [PATCH] fix sidebar image widths --- style.styl | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/style.styl b/style.styl index 0d767db..9e1ebaa 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,6 +402,11 @@ 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 @@ -480,9 +486,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; -- 1.7.10.4