@shopgate/engage
Version:
Shopgate's ENGAGE library.
1 lines • 1.26 kB
JavaScript
import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var header=css({display:'flex',flexDirection:'row',justifyContent:'space-between',fontWeight:500,fontSize:'1rem',lineHeight:'1.5rem',padding:"0 ".concat(variables.gap.big,"px ").concat(variables.gap.small,"px ").concat(variables.gap.big,"px")});export var column=css({display:'flex',alignItems:'center',flexDirection:'column',flexShrink:0,flexGrow:1,flexBasis:0,padding:"0 ".concat(variables.gap.small,"px"),textAlign:'center',':last-child':{paddingRight:variables.gap.small}});export var priceColumnWide=css({flexGrow:4,alignItems:'flex-end'}).toString();export var imageColumn=css({flexGrow:0,width:120,margin:"0 ".concat(variables.gap.small,"px 0 ").concat(variables.gap.big,"px"),paddingLeft:0});export var detailsColumn=css(column,{flexShrink:1,flexGrow:3,alignItems:'flex-start',padding:"0 ".concat(variables.gap.small,"px")});export var locationColumn=css(column,{flexGrow:2});export var quantityPickerColumn=css(column,{' > *':{width:140,textAlign:'center'}});export var quantityPickerColumnNotEditable=css(column,{' > *':{textAlign:'center'}});export var contextMenuColumn=css({width:variables.gap.xbig+variables.gap.small});