@vuer-ai/vuer-uikit 0.0.2 → 0.0.3

package/dist/vuer-uikit.css

@@ -1 +0,0 @@
-@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}:root{--brand-primary: var(--blue-6);--brand-secondary: var(--blue-4);--brand-tertiary: var(--blue-8);--text-highlight: var(--black-1);--text-primary: var(--gray-9);--text-secondary: var(--gray-7);--text-tertiary: var(--gray-5);--text-withbg: var(--white-1);--bg-primary: var(--white-1);--bg-secondary: var(--gray-1);--bg-tertiary: var(--gray-2);--bg-mask: var(--black-alpha-5);--icon-highlight: var(--black-1);--icon-primary: var(--gray-8);--icon-secondary: var(--gray-6);--icon-tertiary: var(--gray-4);--icon-withbg: var(--white-1);--danger-primary: var(--red-6);--danger-secondary: var(--red-4);--danger-tertiary: var(--red-8);--accent-warning: var(--yellow-6);--accent-success: var(--green-6);--line-primary: var(--gray-2);--line-secondary: var(--gray-6);--shadow-primary: var(--black-alpha-3);--shadow-secondary: var(--black-alpha-4);--black-1: rgba(0, 0, 0, 1);--black-alpha-1: rgba(0, 0, 0, .6);--black-alpha-2: rgba(0, 0, 0, .2);--black-alpha-3: rgba(0, 0, 0, .1);--black-alpha-4: rgba(0, 0, 0, .06);--black-alpha-5: rgba(56, 57, 59, .5);--black-alpha-6: rgba(90, 93, 98, .3);--black-alpha-7: rgba(75, 77, 83, .5);--white-1: rgba(255, 255, 255, 1);--white-alpha-1: rgba(227, 230, 235, .6);--white-alpha-2: rgba(173, 176, 183, .6);--white-alpha-3: rgba(246, 247, 248, .8);--blue-1: rgba(230, 246, 255, 1);--blue-2: rgba(163, 220, 255, 1);--blue-3: rgba(122, 200, 255, 1);--blue-4: rgba(82, 177, 255, 1);--blue-5: rgba(41, 151, 255, 1);--blue-6: rgba(0, 123, 255, 1);--blue-7: rgba(0, 98, 217, 1);--blue-8: rgba(0, 74, 179, 1);--blue-9: rgba(0, 54, 140, 1);--blue-10: rgba(0, 36, 102, 1);--gray-1: rgba(245, 245, 245, 1);--gray-2: rgba(220, 222, 229, 1);--gray-3: rgba(202, 206, 217, 1);--gray-4: rgba(181, 184, 196, 1);--gray-5: rgba(147, 150, 159, 1);--gray-6: rgba(121, 124, 131, 1);--gray-7: rgba(87, 90, 96, 1);--gray-8: rgba(75, 77, 83, 1);--gray-9: rgba(52, 53, 56, 1);--gray-10: rgba(29, 29, 30, 1);--red-1: rgba(255, 240, 240, 1);--red-2: rgba(255, 232, 232, 1);--red-3: rgba(255, 191, 192, 1);--red-4: rgba(255, 150, 156, 1);--red-5: rgba(255, 110, 122, 1);--red-6: rgba(255, 69, 91, 1);--red-7: rgba(217, 48, 73, 1);--red-8: rgba(179, 30, 58, 1);--red-9: rgba(140, 17, 44, 1);--red-10: rgba(102, 11, 34, 1);--yellow-1: rgba(255, 253, 240, 1);--yellow-2: rgba(255, 248, 214, 1);--yellow-3: rgba(255, 237, 173, 1);--yellow-4: rgba(255, 224, 133, 1);--yellow-5: rgba(255, 209, 92, 1);--yellow-6: rgba(251, 187, 49, 1);--yellow-7: rgba(212, 149, 32, 1);--yellow-8: rgba(173, 114, 17, 1);--yellow-9: rgba(135, 82, 7, 1);--yellow-10: rgba(97, 55, 4, 1);--green-1: rgba(240, 255, 243, 1);--green-2: rgba(228, 242, 231, 1);--green-3: rgba(211, 230, 216, 1);--green-4: rgba(165, 217, 181, 1);--green-5: rgba(122, 204, 151, 1);--green-6: rgba(84, 190, 125, 1);--green-7: rgba(60, 153, 99, 1);--green-8: rgba(39, 115, 73, 1);--green-9: rgba(22, 77, 48, 1);--green-10: rgba(11, 38, 25, 1);--radius: .25rem;--spacing: .25rem}.dark{--brand-primary: var(--blue-6);--brand-secondary: var(--blue-4);--brand-tertiary: var(--blue-8);--text-highlight: var(--white-1);--text-primary: var(--gray-2);--text-secondary: var(--gray-5);--text-tertiary: var(--gray-6);--text-withbg: var(--white-1);--bg-primary: var(--gray-10);--bg-secondary: var(--gray-9);--bg-tertiary: var(--gray-7);--bg-mask: var(--black-alpha-5);--icon-highlight: var(--white-1);--icon-primary: var(--gray-2);--icon-secondary: var(--gray-5);--icon-tertiary: var(--gray-6);--icon-withbg: var(--white-1);--danger-primary: var(--red-6);--danger-secondary: var(--red-4);--danger-tertiary: var(--red-8);--accent-warning: var(--yellow-6);--accent-success: var(--green-6);--line-primary: var(--gray-8);--line-secondary: var(--gray-4);--shadow-primary: var(--black-alpha-1);--shadow-secondary: var(--black-alpha-2)}.liquidlight{--brand-primary: var(--blue-6);--brand-secondary: var(--blue-4);--brand-tertiary: var(--blue-8);--text-highlight: var(--black-1);--text-primary: var(--gray-9);--text-secondary: var(--gray-7);--text-tertiary: var(--gray-5);--text-withbg: var(--white-1);--bg-primary: var(--white-1);--bg-secondary: var(--white-alpha-1);--bg-tertiary: var(--gray-2);--bg-mask: var(--white-alpha-3);--line-primary: var(--white-alpha-2);--line-secondary: var(--gray-6);--shadow-primary: var(--black-alpha-3);--shadow-secondary: var(--black-alpha-4)}.liquiddark{--brand-primary: var(--blue-6);--brand-secondary: var(--blue-4);--brand-tertiary: var(--blue-8);--text-highlight: var(--white-1);--text-primary: var(--gray-2);--text-secondary: var(--gray-5);--text-tertiary: var(--gray-6);--text-withbg: var(--white-1);--bg-primary: var(--gray-10);--bg-secondary: var(--black-alpha-6);--bg-tertiary: var(--gray-7);--bg-mask: var(--black-alpha-5);--icon-highlight: var(--white-1);--icon-primary: var(--gray-2);--icon-secondary: var(--gray-5);--icon-tertiary: var(--gray-6);--icon-withbg: var(--white-1);--danger-primary: var(--red-6);--danger-secondary: var(--red-4);--danger-tertiary: var(--red-8);--accent-warning: var(--yellow-6);--accent-success: var(--green-6);--line-primary: var(--black-alpha-7);--line-secondary: var(--gray-4);--shadow-primary: var(--black-alpha-1);--shadow-secondary: var(--black-alpha-2)}@theme inline{ --color-brand-primary: var(--brand-primary); --color-brand-secondary: var(--brand-secondary); --color-brand-tertiary: var(--brand-tertiary); --color-text-highlight: var(--text-highlight); --color-text-primary: var(--text-primary); --color-text-secondary: var(--text-secondary); --color-text-tertiary: var(--text-tertiary); --color-text-withbg: var(--text-withbg); --color-bg-primary: var(--bg-primary); --color-bg-secondary: var(--bg-secondary); --color-bg-tertiary: var(--bg-tertiary); --color-bg-mask: var(--bg-mask); --color-icon-highlight: var(--icon-highlight); --color-icon-primary: var(--icon-primary); --color-icon-secondary: var(--icon-secondary); --color-icon-tertiary: var(--icon-tertiary); --color-icon-withbg: var(--icon-withbg); --color-danger-primary: var(--danger-primary); --color-danger-secondary: var(--danger-secondary); --color-danger-tertiary: var(--danger-tertiary); --color-accent-warning: var(--accent-warning); --color-accent-success: var(--accent-success); --color-line-primary: var(--line-primary); --color-line-secondary: var(--line-secondary); --color-shadow-primary: var(--shadow-primary); --color-shadow-secondary: var(--shadow-secondary); --radius-uk-xs: var(--radius); --radius-uk-sm: calc(var(--radius) + 2px); --radius-uk-md: calc(var(--radius) + 4px); --radius-uk-lg: calc(var(--radius) + 8px); --radius-uk-xl: calc(var(--radius) + 12px); --spacing-xxs: calc(var(--spacing) - 2px); --spacing-xs: var(--spacing); --spacing-sm: calc(var(--spacing) + 2px); --spacing-md: calc(var(--spacing) + 4px); --spacing-lg: calc(var(--spacing) + 8px); --spacing-xl: calc(var(--spacing) + 12px); }