/**
 * All Maker UI Layout or semantic element styles
 */ export const layout_styles = { header : { borderBottom : '1px solid' , borderColor : 'var(--color-border)' , padding : [ '12px 20px' , '5px 35px' ] , } , h1 : { fontSize : [ '1.5em' , '2em' ] , } , h2 : { fontSize : [ '1.3em' , '1.5em' ] , } , '.api-btn > div > a' : { width : '100%' , } , '#site-logo' : { fontSize : '1.2em' , svg : { height : [ 21 , 24 ] , } , } , main : { fontSize : [ '1em' , '1.1em' ] , lineHeight : 1.6 , padding : [ '20px 30px 50px' ] , h2 : { borderBottom : '1px solid' , borderColor : 'var(--color-border_dark)' , paddingBottom : 10 , margin : '60px 0 30px' , } , } , '#sidenav' : { borderRight : '1px solid' , borderColor : 'var(--color-border)' , 'li a' : { color : 'var(--color-text)' , fontWeight : 500 , fontSize : 15 , transition : 'color ease 0.3s' , '&.current, &:hover' : { color : 'var(--color-link)' , } , } , ul : { listStyle : 'none' , } , '> .container > ul' : { padding : '10px 0 50px' , } , 'ul ul' : { borderLeft : '1px solid' , borderColor : 'var(--color-border)' , margin : '0 0 0 30px' , paddingLeft : 0 , } , 'li div' : { justifyContent : 'space-between' , } , '.submenu-toggle' : { marginRight : 3 , width : 50 , } , a : { display : 'block' , padding : '8px 30px' , } , } , '.has-submenu a' : { display : 'flex !important' , alignItems : 'center' , } , '.side-section-header' : { textTransform : 'uppercase' , fontSize : 12 , letterSpacing : 1 , opacity : 0.5 , fontWeight : 700 , padding : '0 30px' , margin : '25px 0 5px' , } , } ;