@shopgate/engage
Version:
Shopgate's ENGAGE library.
4 lines • 942 B
JavaScript
import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;/**
* @param {number} level The indentation level
* @returns {string}
*/export var getIndentation=function getIndentation(){var level=arguments.length>0&&arguments[0]!==undefined?arguments[0]:0;return css({paddingLeft:level*variables.gap.big}).toString();};export var list=css({position:'relative'}).toString();export var item=css({alignItems:'center',display:'flex',textAlign:'left',outline:0,padding:variables.gap.big,position:'relative',width:'100%',lineHeight:'1.45em'}).toString();export var itemActive=css({background:'var(--color-side-navigation-active-background)'}).toString();export var link=css({flexGrow:1,textAlign:'left',outline:0,color:'var(--color-text-high-emphasis)',':hover':{color:'var(--color-primary)'}}).toString();export var linkActive=css({color:'var(--color-primary) !important'}).toString();