{f:variable(name: 'topspace', value: 'pt-4 sm:pt-6')} {f:variable(name: 'topspace', value: 'pt-8 md:pt-10')} {f:variable(name: 'topspace', value: 'pt-12 sm:pt-14')} {f:variable(name: 'topspace', value: 'pt-16')} {f:variable(name: 'topspace', value: 'pt-20')} {f:variable(name: 'bottomspace', value: 'pb-4 sm:pb-6')} {f:variable(name: 'bottomspace', value: 'pb-8 md:pb-10')} {f:variable(name: 'bottomspace', value: 'pb-12 sm:pb-14')} {f:variable(name: 'bottomspace', value: 'pb-16')} {f:variable(name: 'bottomspace', value: 'pb-20')} {f:variable(name: 'bgSize', value: 'top-0 bottom-0')} {f:variable(name: 'bgSize', value: 'top-0 bottom-[50%]')} {f:variable(name: 'bgSize', value: 'bottom-0 top-[50%]')} {f:variable(name: 'bgSize', value: 'bottom-0 top-0 left-[50%]')} {f:variable(name: 'bgSize', value: 'bottom-0 top-0 right-[50%]')} {f:variable(name: 'bgColor', value: 'to-sky')} {f:variable(name: 'bgColor', value: 'to-sand')} {f:variable(name: 'bgColor', value: 'to-nature')} {f:variable(name: 'bgColor', value: 'to-grey-light')}