131 lines
2.8 KiB
JSON
131 lines
2.8 KiB
JSON
{
|
|
"version": "R11-step-6",
|
|
"entry": "src/main.tsx",
|
|
"component": "src/layouts/AppShell.tsx",
|
|
"shellFile": "src/styles/shell.css",
|
|
"legacyFiles": [
|
|
"src/styles/global.css",
|
|
"src/styles/components.css"
|
|
],
|
|
"importAfter": "@/styles/reset.css",
|
|
"importBefore": "@/styles/global.css",
|
|
"minimumRuleCount": 118,
|
|
"shellClasses": [
|
|
"app-shell",
|
|
"app-shell--collapsed",
|
|
"app-shell--mobile-nav-open",
|
|
"sidebar",
|
|
"sidebar--mobile-open",
|
|
"sidebar-brand-row",
|
|
"mobile-nav-close",
|
|
"mobile-nav-toggle",
|
|
"mobile-nav-backdrop",
|
|
"mobile-topbar-brand",
|
|
"brand-block",
|
|
"brand-logo",
|
|
"brand-logo--full",
|
|
"brand-logo--compact",
|
|
"side-nav",
|
|
"side-nav-section",
|
|
"side-nav-group-toggle",
|
|
"side-nav-group-label",
|
|
"side-nav-group-chevron",
|
|
"side-nav-list",
|
|
"side-nav-list--closed",
|
|
"side-nav-label",
|
|
"side-nav-label-text",
|
|
"dev-status-badge",
|
|
"side-nav-pending-badge",
|
|
"sidebar-footer",
|
|
"main-area",
|
|
"topbar",
|
|
"topbar-left",
|
|
"topbar-actions",
|
|
"desktop-nav-toggle",
|
|
"topbar-help",
|
|
"notice-menu-wrap",
|
|
"notice-count",
|
|
"notice-popover",
|
|
"notice-popover__header",
|
|
"user-menu",
|
|
"user-menu-wrap",
|
|
"user-menu-popover",
|
|
"user-avatar",
|
|
"page-content"
|
|
],
|
|
"legacyShellClasses": [
|
|
"brand-copy",
|
|
"brand-mark",
|
|
"brand-subtitle"
|
|
],
|
|
"sharedLayoutSelectors": [
|
|
".page-content",
|
|
".page-stack",
|
|
".page-heading",
|
|
".page-heading > p",
|
|
".page-heading__actions",
|
|
".page-actions",
|
|
".surface",
|
|
".section-stack",
|
|
".section-heading"
|
|
],
|
|
"requiredMediaQueries": [
|
|
"(min-width: 781px)",
|
|
"(max-width: 780px)",
|
|
"(prefers-reduced-motion: reduce)"
|
|
],
|
|
"requiredRuleFragments": [
|
|
{
|
|
"selector": ".app-shell",
|
|
"includes": [
|
|
"display:grid",
|
|
"grid-template-columns:var(--sidebar-width) minmax(0, 1fr)",
|
|
"overflow:hidden"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".app-shell--collapsed",
|
|
"includes": [
|
|
"grid-template-columns:76px minmax(0, 1fr)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".sidebar",
|
|
"media": "(max-width: 780px)",
|
|
"includes": [
|
|
"position:fixed",
|
|
"transform:translateX(-105%)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".sidebar--mobile-open",
|
|
"media": "(max-width: 780px)",
|
|
"includes": [
|
|
"transform:translateX(0)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".mobile-nav-backdrop",
|
|
"media": "(max-width: 780px)",
|
|
"includes": [
|
|
"display:block",
|
|
"position:fixed"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".page-content",
|
|
"includes": [
|
|
"overflow-y:auto",
|
|
"width:100%"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".sidebar",
|
|
"media": "(prefers-reduced-motion: reduce)",
|
|
"includes": [
|
|
"transition:none"
|
|
]
|
|
}
|
|
]
|
|
}
|