Got questions, comments, patches, etc.?
Contact Jason Woofenden
gitweb
/
wfpl-cms.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
7b5d200
)
fix sidebar image widths
author
Jason Woofenden
<jason@jasonwoof.com>
Sun, 14 Feb 2016 02:51:59 +0000
(21:51 -0500)
committer
Jason Woofenden
<jason@jasonwoof.com>
Sun, 14 Feb 2016 02:51:59 +0000
(21:51 -0500)
style.styl
patch
|
blob
|
history
diff --git
a/style.styl
b/style.styl
index
0d767db
..
9e1ebaa
100644
(file)
--- 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
////// 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
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}
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
// 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)
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;
#mobile_menu_button
display: none;