@bitrix24/b24ui-nuxt/.nuxt/b24ui/stacked-layout.ts

Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE

export default {
  "slots": {
    "root": "min-h-svh w-full flex flex-col lg:px-2 relative isolate",
    "sidebarSlideoverContainer": "max-w-80 p-2 bg-transparent dark:bg-transparent sm:shadow-none",
    "sidebarSlideover": "h-full overflow-hidden flex flex-col bg-white dark:bg-base-dark ring-1 ring-base-950/5 dark:ring-white/10 shadow-xs rounded-lg",
    "sidebarSlideoverBtnClose": "-mb-3 px-4 pt-3",
    "header": "px-4 flex items-center h-[84px]",
    "headerMenuIcon": "lg:hidden",
    "headerPaddings": "py-2.5",
    "headerWrapper": "min-w-0 flex-1",
    "container": "flex-1 flex flex-col lg:min-w-0 pb-2",
    "containerWrapper": "grow",
    "containerWrapperInner": ""
  },
  "variants": {
    "useSidebar": {
      "true": "",
      "false": ""
    },
    "useLightContent": {
      "true": {
        "root": "bg-white dark:bg-white/10 lg:bg-base-50 dark:lg:bg-base-dark",
        "containerWrapper": "p-6 lg:p-10 lg:bg-white dark:lg:bg-white/10 lg:ring-1 lg:ring-base-950/5 dark:lg:ring-white/10 lg:shadow-xs lg:rounded-lg"
      },
      "false": {
        "container": "px-4"
      }
    }
  },
  "compoundVariants": [],
  "defaultVariants": {
    "useLightContent": true
  }
}