import { cssRule } from 'typestyle' ; import { fillParent } from './box' ; /**
 * Recommended Page setup
 * - Sets up the body to be full size
 * - Sets up box sizing to be border box
 **/ export function setupPage ( rootSelector ) { /** Use full window size for application */ cssRule ( 'html, body' , { height : '100%' , width : '100%' , padding : 0 , margin : 0 } ) ; /** Use border box */ cssRule ( 'html' , { '-moz-box-sizing' : 'border-box' , '-webkit-box-sizing' : 'border-box' , boxSizing : 'border-box' } ) ; cssRule ( '*,*:before,*:after' , { boxSizing : 'inherit' , } ) ; /** Also root should fill parent */ cssRule ( rootSelector , fillParent ) ; }