@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
1 lines • 4.44 kB
Source Map (JSON)
{"version":3,"file":"style.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../src/Burger/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n return {\n container: css`\n cursor: pointer;\n width: ${cssVar.controlHeight};\n height: ${cssVar.controlHeight};\n border-radius: ${cssVar.borderRadius};\n `,\n drawer: css`\n &.${prefixCls}-drawer-content {\n background: transparent;\n }\n\n .${prefixCls}-drawer-body {\n display: flex;\n flex-direction: column;\n }\n `,\n drawerRoot: css`\n inset-block-start: var(--burger-drawer-top, calc(var(--burger-header-height, 64px) + 1px));\n\n :focus-visible {\n outline: none;\n }\n\n .${prefixCls}-drawer {\n &-mask {\n ${lobeStaticStylish.blur};\n background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n }\n\n &-content-wrapper {\n box-shadow: none;\n }\n }\n `,\n drawerRootFullscreen: css`\n inset-block-start: 0;\n\n :focus-visible {\n outline: none;\n }\n\n .${prefixCls}-drawer {\n &-mask {\n ${lobeStaticStylish.blur};\n background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n }\n\n &-content-wrapper {\n box-shadow: none;\n }\n }\n `,\n\n fillRect: css`\n flex: 1;\n width: 100%;\n border-block-start: none;\n `,\n\n menu: css`\n padding-block-start: var(--burger-menu-padding-top, 0);\n border-inline-end: transparent !important;\n background: transparent;\n\n > .${prefixCls}-menu-item-only-child, .${prefixCls}-menu-submenu-title {\n width: 100%;\n margin: 0 !important;\n border-block-start: none;\n border-radius: 0;\n\n &:active {\n color: ${cssVar.colorText};\n background-color: ${cssVar.colorFill};\n }\n }\n\n .${prefixCls}-menu-item-only-child:first-child {\n border-block-start: none;\n }\n\n .${prefixCls}-menu-submenu-title[aria-expanded='true'] {\n a {\n font-weight: 600;\n color: ${cssVar.colorText} !important;\n }\n }\n\n .${prefixCls}-menu-item-group-title {\n padding-block: 8px;\n\n font-size: 12px;\n font-weight: 500;\n line-height: 1;\n text-overflow: ellipsis;\n text-transform: uppercase;\n white-space: nowrap;\n\n background: ${cssVar.colorFillSecondary};\n }\n\n .${prefixCls}-menu-item {\n width: calc(100% - 16px) !important;\n margin: 8px !important;\n border-radius: ${cssVar.borderRadius};\n\n &:hover,\n &:active {\n color: ${cssVar.colorText} !important;\n background: ${cssVar.colorFillSecondary} !important;\n }\n }\n\n .${prefixCls}-menu-item-active {\n width: calc(100% - 16px) !important;\n margin: 8px !important;\n border-radius: ${cssVar.borderRadius};\n background: ${cssVar.colorFillSecondary};\n }\n\n .${prefixCls}-menu-item-selected {\n font-weight: 600;\n color: ${cssVar.colorBgLayout};\n background: ${cssVar.colorText};\n\n &:hover,\n &:active {\n color: ${cssVar.colorBgLayout} !important;\n background: ${cssVar.colorText} !important;\n }\n }\n `,\n };\n});\n"],"mappings":";;;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,WAAW,KAAG;;eAEHA,SAAO,cAAc;gBACpBA,SAAO,cAAc;uBACdA,SAAO,aAAa;;EAEvC,QAAQ,KAAG;UACL,UAAU;;;;SAIX,UAAU;;;;;EAKf,YAAY,KAAG;;;;;;;SAOV,UAAU;;YAEPC,cAAkB,KAAK;iDACcD,SAAO,cAAc;;;;;;;;EAQlE,sBAAsB,KAAG;;;;;;;SAOpB,UAAU;;YAEPC,cAAkB,KAAK;iDACcD,SAAO,cAAc;;;;;;;;EASlE,UAAU,KAAG;;;;;EAMb,MAAM,KAAG;;;;;WAKF,UAAU,0BAA0B,UAAU;;;;;;;mBAOtCA,SAAO,UAAU;8BACNA,SAAO,UAAU;;;;SAItC,UAAU;;;;SAIV,UAAU;;;mBAGAA,SAAO,UAAU;;;;SAI3B,UAAU;;;;;;;;;;sBAUGA,SAAO,mBAAmB;;;SAGvC,UAAU;;;yBAGMA,SAAO,aAAa;;;;mBAI1BA,SAAO,UAAU;wBACZA,SAAO,mBAAmB;;;;SAIzC,UAAU;;;yBAGMA,SAAO,aAAa;sBACvBA,SAAO,mBAAmB;;;SAGvC,UAAU;;iBAEFA,SAAO,cAAc;sBAChBA,SAAO,UAAU;;;;mBAIpBA,SAAO,cAAc;wBAChBA,SAAO,UAAU;;;;EAItC;EACD"}