import { style , globalStyle } from '@vanilla-extract/css' ; import { theme , spacing } from '@island.is/island-ui/theme' ; export const introSummary = style ( { } ) ; globalStyle ( `${ introSummary } a` , { color : theme . color . blue400 , } ) ; globalStyle ( `${ introSummary } a:hover, ${ introSummary } a:focus` , { color : theme . color . blueberry400 , } ) ; export const introBody = style ( { paddingTop : spacing [ 2 ] , paddingBottom : spacing [ 2 ] , maxHeight : '50em' , overflow : 'hidden' , transition : 'all 500ms ease-in, padding 100ms' , selectors : { '[hidden]&' : { padding : 0 , maxHeight : 0 , display : 'block' , visibility : 'hidden' , transition : 'all 400ms ease-in, padding 100ms 400ms' , } , } , } ) ; export const introImage = style ( { marginBottom : - spacing [ 2 ] , maxHeight : '17em' , display : 'block' , margin : 'auto' , } ) ;