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

Popular posts from this blog

jquery - How do you format the date used in the popover widget title of FullCalendar? -

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -