@shopgate/engage
Version:
Shopgate's ENGAGE library.
1 lines • 2.44 kB
JavaScript
function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import{css}from'glamor';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{StylePresets}from'@shopgate/engage/components/Form';var variables=themeConfig.variables,colors=themeConfig.colors;export var container=css(_defineProperty({flexGrow:1,padding:"".concat(variables.gap.small*3,"px ").concat(variables.gap.big,"px")},responsiveMediaQuery('>sm',{webOnly:true}),{width:'50%'}));export var headline=css(_defineProperty({fontSize:'2.1875rem',lineHeight:1,fontWeight:500,paddingBottom:variables.gap.big},responsiveMediaQuery('>sm',{webOnly:true}),{fontSize:'2rem',fontWeight:'normal'}));export var subline=css({fontSize:'1.125rem',color:"var(--color-text-medium-emphasis, ".concat(colors.shade6,")"),marginBottom:variables.gap.big,marginTop:4});export var form=css(_extends({paddingTop:24},StylePresets.OUTLINED_FORM_FIELDS,{' .simpleInput':{paddingLeft:variables.gap.big}})).toString();export var buttonContainer=css({paddingTop:variables.gap.big*2,paddingBottom:variables.gap.big*1.5}).toString();export var button=css({width:'100%'}).toString();export var input=css({' .label':{color:"var(--color-text-medium-emphasis, ".concat(colors.shade6,")")},' .placeholder':{color:"var(--color-text-medium-emphasis, ".concat(colors.shade6,")")},' .simpleInput':{color:'var(--color-text-heigh-emphasis)'}}).toString();export var resetInstructions=css({paddingTop:variables.gap.big,display:'flex',alignItems:'center'});export var resetInstructionsEmail=css({fontWeight:'bold',color:'var(--color-secondary)'});export var goBackButtonContainer=css({padding:"".concat(variables.gap.big,"px 0")}).toString();export var goBackButton=css({fontSize:'0.875rem !important',padding:'0 !important',' > div ':{padding:0,display:'flex'}}).toString();export var goBackButtonIcon=css({display:'inline-block',fontSize:'1.375rem !important',alignSelf:'center',marginRight:variables.gap.xsmall,marginLeft:-3,marginTop:-2}).toString();