vitrify 0.17.7 → 0.17.9

package/src/node/plugins/quasar/unocss/components/QDate.unocss.ts

@@ -114,7 +114,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-date__edit-range$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-date__edit-range'] ??
-      `[&:after]:() [&:nth-child(7n-6):after]:(rounded-tl-none rounded-bl-none) [&:nth-child(7n):after]:(rounded-tr-none rounded-br-none)`
+      `[&:after]:(border-[currentColor_transparent]) [&:nth-child(7n-6):after]:(rounded-tl-none rounded-bl-none) [&:nth-child(7n):after]:(rounded-tr-none rounded-br-none)`
   ],
 
   [
@@ -180,7 +180,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-date--portrait-standard$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-date--portrait-standard'] ??
-      `[&_.q-date\\_\\_content]:(h-[calc(100% - 86px)]) [&_.q-date\\_\\_header]:([border-top-right-radius:inherit] h-[86px]) [&_.q-date\\_\\_header-title]:(items-center h-[30px])`
+      `[&_.q-date\\_\\_content]:(h-[calc(100%-86px)]) [&_.q-date\\_\\_header]:([border-top-right-radius:inherit] h-[86px]) [&_.q-date\\_\\_header-title]:(items-center h-[30px])`
   ],
 
   [

package/src/node/plugins/quasar/unocss/components/QDialog.unocss.ts

@@ -49,7 +49,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-dialog__inner'] ??
       `outline-0
-      [&>div]:(pointer-events-auto overflow-auto border-rd-4px)
+      [&>div]:(pointer-events-all overflow-auto border-rd-4px)
       [&>.q-card>.q-card\\_\\_actions_.q-btn--rectangle]:(min-w-64px)
     `
   ],
@@ -127,7 +127,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-dialog__backdrop$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-dialog__backdrop'] ??
-      `-z-1 pointer-events-auto outline-0 bg-black bg-op-40
+      `-z-1 pointer-events-all outline-0 bg-black bg-op-40
     `
   ],
   [

package/src/node/plugins/quasar/unocss/components/QFab.unocss.ts

@@ -156,7 +156,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-fab__actions--opened$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-fab__actions--opened'] ??
-      `opacity-100 scale-100 translate-x-[0.1px] translate-y-[0]`
+      `opacity-100 scale-100 translate-x-[0.1px] translate-y-[0] pointer-events-all`
   ],
 
   [

package/src/node/plugins/quasar/unocss/components/QImg.unocss.ts

@@ -38,7 +38,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-img__content$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-img__content'] ??
-      `[border-radius:inherit] pointer-events-none [&_>_div]:(absolute p-[16px] text-[#fff] bg-[rgba(0,_0,_0,_0.47)])`
+      `[border-radius:inherit] pointer-events-none [&_>_div]:(pointer-events-all absolute p-[16px] text-[#fff] bg-[rgba(0,_0,_0,_0.47)])`
   ],
 
   [

package/src/node/plugins/quasar/unocss/components/QLayout.unocss.ts

@@ -2,68 +2,68 @@ import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
 import type { QuasarTheme } from '../theme.js'
 
 const preflights: Preflight<QuasarTheme>[] = [
-  //   {
-  //     getCSS: ({ theme }) => `
-  // body.q-ios-padding .q-layout--standard .q-header > .q-toolbar:nth-child(1),
-  // body.q-ios-padding .q-layout--standard .q-header > .q-tabs:nth-child(1) .q-tabs__content,
-  // body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
-  //   padding-top: 20px;
-  //   min-height: 70px;
-  //   padding-top: env(safe-area-inset-top);
-  //   min-height: calc(env(safe-area-inset-top) + 50px);
-  // }
-  // body.q-ios-padding .q-layout--standard .q-footer > .q-toolbar:last-child,
-  // body.q-ios-padding .q-layout--standard .q-footer > .q-tabs:nth-last-child(1 of :not(.q-layout__shadow)) .q-tabs__content,
-  // body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
-  //   padding-bottom: env(safe-area-inset-bottom);
-  //   min-height: calc(env(safe-area-inset-bottom) + 50px);
-  // }
-  // .q-body--layout-animate .q-drawer__backdrop {
-  //   transition: background-color 0.12s !important;
-  // }
-  // .q-body--layout-animate .q-drawer {
-  //   transition: transform 0.12s, width 0.12s, top 0.12s, bottom 0.12s !important;
-  // }
-  // .q-body--layout-animate .q-layout__section--marginal {
-  //   transition: transform 0.12s, left 0.12s, right 0.12s !important;
-  // }
-  // .q-body--layout-animate .q-page-container {
-  //   transition: padding-top 0.12s, padding-right 0.12s, padding-bottom 0.12s, padding-left 0.12s !important;
-  // }
-  // .q-body--layout-animate .q-page-sticky {
-  //   transition: transform 0.12s, left 0.12s, right 0.12s, top 0.12s, bottom 0.12s !important;
-  // }
-  // body:not(.q-body--layout-animate) .q-layout--prevent-focus {
-  //   visibility: hidden;
-  // }
-  // .q-body--drawer-toggle {
-  //   overflow-x: hidden !important;
-  // }
-  // @media (max-width: 599.98px) {
-  //   .q-layout-padding {
-  //     padding: 8px;
-  //   }
-  // }
-  // @media (min-width: 600px) and (max-width: 1439.98px) {
-  //   .q-layout-padding {
-  //     padding: 16px;
-  //   }
-  // }
-  // @media (min-width: 1440px) {
-  //   .q-layout-padding {
-  //     padding: 24px;
-  //   }
-  // }
-  // body.body--dark .q-header, body.body--dark .q-footer, body.body--dark .q-drawer {
-  //   border-color: rgba(255, 255, 255, 0.28);
-  // }
-  // body.body--dark .q-layout__shadow:after {
-  //   box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.2), 0 0px 10px rgba(255, 255, 255, 0.24);
-  // }
-  // body.platform-ios .q-layout--containerized {
-  //   position: unset !important;
-  // }`
-  //   }
+  {
+    getCSS: ({ theme }) => `
+body.q-ios-padding .q-layout--standard .q-header > .q-toolbar:nth-child(1),
+body.q-ios-padding .q-layout--standard .q-header > .q-tabs:nth-child(1) .q-tabs__content,
+body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
+  padding-top: 20px;
+  min-height: 70px;
+  padding-top: env(safe-area-inset-top);
+  min-height: calc(env(safe-area-inset-top) + 50px);
+}
+body.q-ios-padding .q-layout--standard .q-footer > .q-toolbar:last-child,
+body.q-ios-padding .q-layout--standard .q-footer > .q-tabs:nth-last-child(1 of :not(.q-layout__shadow)) .q-tabs__content,
+body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
+  padding-bottom: env(safe-area-inset-bottom);
+  min-height: calc(env(safe-area-inset-bottom) + 50px);
+}
+.q-body--layout-animate .q-drawer__backdrop {
+  transition: background-color 0.12s !important;
+}
+.q-body--layout-animate .q-drawer {
+  transition: transform 0.12s, width 0.12s, top 0.12s, bottom 0.12s !important;
+}
+.q-body--layout-animate .q-layout__section--marginal {
+  transition: transform 0.12s, left 0.12s, right 0.12s !important;
+}
+.q-body--layout-animate .q-page-container {
+  transition: padding-top 0.12s, padding-right 0.12s, padding-bottom 0.12s, padding-left 0.12s !important;
+}
+.q-body--layout-animate .q-page-sticky {
+  transition: transform 0.12s, left 0.12s, right 0.12s, top 0.12s, bottom 0.12s !important;
+}
+body:not(.q-body--layout-animate) .q-layout--prevent-focus {
+  visibility: hidden;
+}
+.q-body--drawer-toggle {
+  overflow-x: hidden !important;
+}
+@media (max-width: 599.98px) {
+  .q-layout-padding {
+    padding: 8px;
+  }
+}
+@media (min-width: 600px) and (max-width: 1439.98px) {
+  .q-layout-padding {
+    padding: 16px;
+  }
+}
+@media (min-width: 1440px) {
+  .q-layout-padding {
+    padding: 24px;
+  }
+}
+body.body--dark .q-header, body.body--dark .q-footer, body.body--dark .q-drawer {
+  border-color: rgba(255, 255, 255, 0.28);
+}
+body.body--dark .q-layout__shadow:after {
+  box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.2), 0 0px 10px rgba(255, 255, 255, 0.24);
+}
+body.platform-ios .q-layout--containerized {
+  position: unset !important;
+}`
+  }
 ]
 
 const shortcuts: UserShortcuts<QuasarTheme> = [

package/src/node/plugins/quasar/unocss/components/QRadio.unocss.ts

@@ -84,7 +84,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-radio--dark$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-radio--dark'] ??
-      `[&_.q-radio\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-radio\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-radio\\_\\_inner--truthy]:()`
+      `[&_.q-radio\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-radio\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-radio\\_\\_inner--truthy]:(text-primary)`
   ],
 
   [

package/src/node/plugins/quasar/unocss/components/QSlider.unocss.ts

@@ -12,7 +12,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-slider--editable$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-slider--editable'] ??
-      `[&_.q-slider\\_\\_track-container]:()`
+      `[&_.q-slider\\_\\_track-container]:(cursor-grab)`
   ],
 
   [/^q-slider__track-container$/, ([, c], { theme }) => `outline-0`],
@@ -21,14 +21,14 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-slider__track-container--h$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-slider__track-container--h'] ??
-      `w-full px-[0] py-[12px] [&_.q-slider\\_\\_selection]:()`
+      `w-full px-[0] py-[12px] [&_.q-slider\\_\\_selection]:(will-change-width will-change-left)`
   ],
 
   [
     /^q-slider__track-container--v$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-slider__track-container--v'] ??
-      `h-full px-[12px] py-[0] [&_.q-slider\\_\\_selection]:()`
+      `h-full px-[12px] py-[0] [&_.q-slider\\_\\_selection]:(will-change-height will-change-top)`
   ],
 
   [

package/src/node/plugins/quasar/unocss/components/QSplitter.unocss.ts

@@ -34,14 +34,14 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-splitter--vertical$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-splitter--vertical'] ??
-      `[&_>_.q-splitter\\_\\_panel]:(h-full) [&.q-splitter--active]:() [&_>_.q-splitter\\_\\_separator]:(w-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-left-[6px] -right-[6px]) [&.q-splitter--workable_>_.q-splitter\\_\\_separator]:()`
+      `[&_>_.q-splitter\\_\\_panel]:(h-full) [&.q-splitter--active]:(cursor-col-resize) [&_>_.q-splitter\\_\\_separator]:(w-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-left-[6px] -right-[6px]) [&.q-splitter--workable_>_.q-splitter\\_\\_separator]:(cursor-col-resize)`
   ],
 
   [
     /^q-splitter--horizontal$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-splitter--horizontal'] ??
-      `[&_>_.q-splitter\\_\\_panel]:(w-full) [&.q-splitter--active]:() [&_>_.q-splitter\\_\\_separator]:(h-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-top-[6px] -bottom-[6px]) [&.q-splitter--workable_>_.q-splitter\\_\\_separator]:()`
+      `[&_>_.q-splitter\\_\\_panel]:(w-full) [&.q-splitter--active]:(cursor-row-resize) [&_>_.q-splitter\\_\\_separator]:(h-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-top-[6px] -bottom-[6px]) [&.q-splitter--workable_>_.q-splitter\\_\\_separator]:(cursor-row-resize)`
   ],
 
   [

package/src/node/plugins/quasar/unocss/components/QStepper.unocss.ts

@@ -153,7 +153,7 @@ __.q-stepper\\_\\_tab:last-child]:(items-end) [&_.q-stepper\\_\\_tab]:(px-[0] py
     /^q-stepper--horizontal$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-stepper--horizontal'] ??
-      `[&_.q-stepper\\_\\_step-inner]:(p-[24px]) [&_.q-stepper\\_\\_tab:first-child]:([border-top-left-radius:inherit]) [&_.q-stepper\\_\\_tab:last-child]:([border-top-right-radius:inherit]) [&_.q-stepper\\_\\_tab:first-child_.q-stepper\\_\\_dot:before]:(hidden) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_label:after]:(hidden) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_dot:after]:(hidden) [&_.q-stepper\\_\\_tab]:(overflow-hidden) [&_.q-stepper\\_\\_line]:() [&_.q-stepper\\_\\_line:before]:(absolute top-2/4 h-px w-screen bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_line:after]:(absolute top-2/4 h-px w-screen bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_label:after]:(content-[''] left-full ml-[8px]) [&_.q-stepper\\_\\_dot:after]:(content-[''] left-full ml-[8px]) [&_.q-stepper\\_\\_dot:before]:(content-[''] right-full mr-[8px]) [&_>_.q-stepper\\_\\_nav]:(pt-[0] px-[24px] pb-[24px])`
+      `[&_.q-stepper\\_\\_step-inner]:(p-[24px]) [&_.q-stepper\\_\\_tab:first-child]:([border-top-left-radius:inherit]) [&_.q-stepper\\_\\_tab:last-child]:([border-top-right-radius:inherit]) [&_.q-stepper\\_\\_tab:first-child_.q-stepper\\_\\_dot:before]:(hidden) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_label:after]:(hidden) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_dot:after]:(hidden) [&_.q-stepper\\_\\_tab]:(overflow-hidden) [&_.q-stepper\\_\\_line]:(contain-layout) [&_.q-stepper\\_\\_line:before]:(absolute top-2/4 h-px w-screen bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_line:after]:(absolute top-2/4 h-px w-screen bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_label:after]:(content-[''] left-full ml-[8px]) [&_.q-stepper\\_\\_dot:after]:(content-[''] left-full ml-[8px]) [&_.q-stepper\\_\\_dot:before]:(content-[''] right-full mr-[8px]) [&_>_.q-stepper\\_\\_nav]:(pt-[0] px-[24px] pb-[24px])`
   ],
 
   [

package/src/node/plugins/quasar/unocss/components/QToggle.unocss.ts

@@ -79,7 +79,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-toggle--dark$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-toggle--dark'] ??
-      `[&_.q-toggle\\_\\_inner]:(text-[#fff]) [&_.q-toggle\\_\\_inner--truthy]:() [&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
+      `[&_.q-toggle\\_\\_inner]:(text-[#fff]) [&_.q-toggle\\_\\_inner--truthy]:(text-primary) [&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
   ],
 
   [

package/src/node/plugins/quasar/unocss/components/QUploader.unocss.ts

@@ -20,7 +20,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-uploader__input$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-uploader__input'] ??
-      `opacity-0 w-full h-full !cursor-pointer [&::-webkit-file-upload-button]:(cursor-pointer)`
+      `opacity-0 w-full h-full cursor-pointer [&::-webkit-file-upload-button]:(cursor-pointer)`
   ],
 
   [

package/src/node/plugins/quasar/unocss/core/dark.unocss.ts

@@ -7,8 +7,7 @@ const preflights: Preflight<QuasarTheme>[] = [
 body.body--dark {
   color: #fff;
   background: ${theme.colors['dark-page']};
-}
-    `
+}`
   }
 ]
 

package/src/node/plugins/quasar/unocss/core/elevation.unocss.ts

@@ -92,4 +92,11 @@ const rules: Rule<QuasarTheme>[] = [
   )
 ]
 
-export { rules }
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^shadow-none$/, ([, c], { theme }) => `shadow-none`],
+  [/^no-shadow$/, ([, c], { theme }) => `shadow-none`],
+  // TODO
+  [/^shadow-(0?[1-9]|1[0-9]|2[0-4])$/, ([, nr], { theme }) => `shadow-md`]
+]
+
+export { rules, shortcuts }

package/src/node/plugins/quasar/unocss/core/flex.unocss.ts

@@ -49,28 +49,23 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-gutter-(none|xs|sm|md|lg|xl)$/,
     ([, size], { theme }) =>
-      `mt-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
-        ml-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
-        [&_>_*]:(mt-${
-          colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
-        }
-        pl-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']})`
+      `mt--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
+        ml--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
+    [&_>_*]:(ml-${
+      colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
+    } mt-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']})`
   ],
   [
     /^q-gutter-x-(none|xs|sm|md|lg|xl)$/,
     ([, size], { theme }) =>
-      `ml-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
-    [&_>_*]:(pl-${
-      colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
-    })`
+      `ml--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
+      space-x-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']})`
   ],
   [
     /^q-gutter-y-(none|xs|sm|md|lg|xl)$/,
     ([, size], { theme }) =>
-      `mt-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
-      [&_>_*]:(mt-${
-        colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
-      })`
+      `mt--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
+       space-y-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']})`
   ],
   [/^wrap$/, ([, size], { theme }) => `flex-wrap`],
   [/^no-wrap$/, ([, size], { theme }) => `flex-nowrap`],

package/src/node/plugins/quasar/unocss/core/mouse.unocss.ts

@@ -36,11 +36,24 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     ([, c], { theme }) => `!pointer-events-none [&_*]:(!pointer-events-none)`
   ],
 
-  [/^all-pointer-events$/, ([, c], { theme }) => ``],
-
   [/^cursor-inherit$/, ([, c], { theme }) => `[cursor:inherit!important]`],
 
-  [/^cursor-none$/, ([, c], { theme }) => ``]
+  ['cursor-pointer', 'cursor-[pointer]!']
+]
+
+const rules: Rule<QuasarTheme>[] = [
+  [
+    'all-pointer-events',
+    {
+      'pointer-events': 'all !important'
+    }
+  ],
+  [
+    'pointer-events-all',
+    {
+      'pointer-events': 'all !important'
+    }
+  ]
 ]
 
-export { preflights, shortcuts }
+export { preflights, shortcuts, rules }

package/src/node/plugins/quasar/unocss/core/size.unocss.ts

@@ -1,6 +1,19 @@
 import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
 import type { QuasarTheme } from '../theme.js'
 
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+:root {
+  --q-size-xs: ${theme.breakpoints.xs};
+  --q-size-sm: ${theme.breakpoints.sm};
+  --q-size-md: ${theme.breakpoints.md};
+  --q-size-lg: ${theme.breakpoints.lg};
+  --q-size-xl: ${theme.breakpoints.xl};
+}`
+  }
+]
+
 const shortcuts: UserShortcuts<QuasarTheme> = [
   [/^fit$/, ([, c], { theme }) => `!w-full !h-full`],
 
@@ -193,4 +206,4 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [/^q-mx-auto$/, ([, c], { theme }) => `ml-auto mr-auto`]
 ]
 
-export { shortcuts }
+export { preflights, shortcuts }

package/src/node/plugins/quasar/unocss/core/transitions.unocss.ts

@@ -1,6 +1,16 @@
 import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
 import type { QuasarTheme } from '../theme.js'
 
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+:root {
+  --q-transition-duration: ${theme.quasar.transition.duration};
+  --q-transition-easing: ${theme.quasar.transition.easing};
+}`
+  }
+]
+
 const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-transition--slide-right-enter-active$/,
@@ -389,4 +399,4 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   ]
 ]
 
-export { shortcuts }
+export { preflights, shortcuts }