css - Full screen 7x5 grid with Foundation SCSS -
hope there's here have done i'm trying accomplish. i'm learning new js frameworks , i've got idea make full screen calendar topbar fixed homepage. calendar should take full width , full height available on normal monitors.
i've managed make full width using foundation scss changing in _settings.scss:
$row-width: 100%; $total-columns: 7;
my main question - what's optimal way creating 5 rows (it's 5 rows single month) take full remaining height of screen? (remaining because of topbar navigation fixed).
i'm ok scss suggestions welcome.
thanks!
ok, solution works is:
// client height (screen height) var maxheight = window.innerheight; var topbarheight = $('div.fixed').height(); var columnheight = (maxheight - topbarheight - 10) / 5; $('.calendar-row .column').height(columnheight);
i think there must more "elegant" solution maybe i'm wrong. if find better solution please reply.
thanks.
Comments
Post a Comment