[ci skip] fix the 1px-whitespace bug of timetable directive

rounding down the width of one day cell
refactor main.scss to use @mixin and @include directives