- // make sure that borders (which won't scale) and rounding errors don't
- // break the layout
- body > .centerer.full > .main,
- body > .centerer.with_sidebar > .sidebar.plain,
- body > .centerer.with_sidebar > .sidebar.bordered
- margin-right: -10px
-
-// big left/right images
-for selector, css in columns.css
- if columns['widths'][selector] > runaround_max
+ // big left/right images
+ for selector, css in columns.css
+ if columns['widths'][selector] > runaround_max
+ body > {selector}
+ col_max_width = columns['widths'][selector]
+ col_min_width = runaround_max
+ .wfpl_li, .wfpl_ri
+ width: linear_scale_calc(col_max_width, col_min_width, col_max_width * image_float_size, col_min_width * image_float_min_size)
+ .wfpl_ci
+ width: col_max_width * image_float_size
+
+// switch to 1-column layout when .with_sidebar>.main wouldn't have space for left/right images
+single_column_max = columns.width / columns['widths']['.centerer.with_sidebar > .main'] * runaround_max
+body
+ color: #001
+ background-position: columns.width columns['widths']['.centerer.with_sidebar > .main']
+ background-position: runaround_max single_column_max
+@media screen and (max-width: (single_column_max))
+ for selector, css in columns.css