module import { extend } from 'typestyle' ; import * as types from 'typestyle/lib/types' ; /**
 * New layer parent
 */ export var layerParent = { position : 'relative' , } ; /**
 * Use this to attach to any parent layer
 * and then you can use `left`/`top` etc to position yourself
 */ export const attachToLayerParent = { position : 'absolute' , } ; /**
 * This new layer will attach itself to the nearest parent with `position:relative` or `position:absolute`
 * And will become the new `layerParent`
 */ export var newLayer = extend ( attachToLayerParent , { left : 0 , right : 0 , top : 0 , bottom : 0 , } ) ; export const attachToTop = extend ( attachToLayerParent , { top : 0 , left : 0 , right : 0 , } ) ; export const attachToRight = extend ( attachToLayerParent , { top : 0 , right : 0 , bottom : 0 , } ) ; export const attachToBottom = extend ( attachToLayerParent , { right : 0 , bottom : 0 , left : 0 , } ) ; export const attachToLeft = extend ( attachToLayerParent , { top : 0 , bottom : 0 , left : 0 , } ) ; /**
 * Helps fixing to page
 */ const fixed = { position : 'fixed' } ; export const pageTop = extend ( fixed , { top : 0 , left : 0 , right : 0 , } ) ; export const pageRight = extend ( fixed , { top : 0 , right : 0 , bottom : 0 , } ) ; export const pageBottom = extend ( fixed , { right : 0 , bottom : 0 , left : 0 , } ) ; export const pageLeft = extend ( fixed , { top : 0 , bottom : 0 , left : 0 , } ) ;