@use 'base/base' as *; @use 'base/reset' as *; @use 'components/tooltips' as *; @use 'config/borders' as *; @use 'config/breakpoints' as *; @use 'config/colors' as *; @use 'config/constants' as *; @use 'config/container-queries' as *; @use 'config/feature-flags' as *; @use 'config/layouts' as *; @use 'config/shadows' as *; @use 'config/spacing' as *; @use 'config/theme-validation' as *; @use 'config/typography' as *; @use 'functions/breakpoints' as *; @use 'functions/colors' as *; @use 'functions/css-vars' as *; @use 'functions/feature-flags' as *; @use 'functions/math' as *; @use 'functions/strings' as *; @use 'functions/types' as *; @use 'functions/units' as *; @use 'layouts/container' as *; @use 'layouts/flex' as *; @use 'layouts/grid' as *; @use 'themes/theme' as *; @use 'tools/accessibility' as *; @use 'tools/container-queries' as *; @use 'tools/feature-support' as *; @use 'tools/media-queries' as *; @use 'tools/modern-layout' as *; @use 'utilities/alignment' as *; @use 'utilities/animations' as *; @use 'utilities/backdrop-filters' as *; @use 'utilities/borders' as *; @use 'utilities/colors' as *; @use 'utilities/cursor' as *; @use 'utilities/display' as *; @use 'utilities/helpers' as *; @use 'utilities/opacity' as *; @use 'utilities/position' as *; @use 'utilities/shadows' as *; @use 'utilities/sizing' as *; @use 'utilities/spacing' as *; @use 'utilities/transforms' as *; @use 'utilities/transitions' as *; @use 'utilities/typography' as *; @use 'utilities/z-index' as *; @use 'sass:string' as str; @use 'sass:map'; @use 'sass:list'; @use 'sass:meta'; $ac: () !default; @function tooltip-variables($a...) { @return (_n: 'tooltip-variables', _p: $a); } @function validate-tokens($a...) { @return (_n: 'validate-tokens', _p: $a); } @function container-base($a...) { @return (_n: 'container-base', _p: $a); } @function container-padding($a...) { @return (_n: 'container-padding', _p: $a); } @function container($a...) { @return (_n: 'container', _p: $a); } @function row($a...) { @return (_n: 'row', _p: $a); } @function row-reverse($a...) { @return (_n: 'row-reverse', _p: $a); } @function col($a...) { @return (_n: 'col', _p: $a); } @function col-reverse($a...) { @return (_n: 'col-reverse', _p: $a); } @function wrap($a...) { @return (_n: 'wrap', _p: $a); } @function nowrap($a...) { @return (_n: 'nowrap', _p: $a); } @function wrap-reverse($a...) { @return (_n: 'wrap-reverse', _p: $a); } @function start($a...) { @return (_n: 'start', _p: $a); } @function end($a...) { @return (_n: 'end', _p: $a); } @function center($a...) { @return (_n: 'center', _p: $a); } @function stretch($a...) { @return (_n: 'stretch', _p: $a); } @function between($a...) { @return (_n: 'between', _p: $a); } @function around($a...) { @return (_n: 'around', _p: $a); } @function evenly($a...) { @return (_n: 'evenly', _p: $a); } @function x-start($a...) { @return (_n: 'x-start', _p: $a); } @function x-end($a...) { @return (_n: 'x-end', _p: $a); } @function x-center($a...) { @return (_n: 'x-center', _p: $a); } @function x-stretch($a...) { @return (_n: 'x-stretch', _p: $a); } @function x-baseline($a...) { @return (_n: 'x-baseline', _p: $a); } @function x-content-start($a...) { @return (_n: 'x-content-start', _p: $a); } @function x-content-end($a...) { @return (_n: 'x-content-end', _p: $a); } @function x-content-center($a...) { @return (_n: 'x-content-center', _p: $a); } @function x-content-between($a...) { @return (_n: 'x-content-between', _p: $a); } @function x-content-around($a...) { @return (_n: 'x-content-around', _p: $a); } @function x-content-evenly($a...) { @return (_n: 'x-content-evenly', _p: $a); } @function x-content-stretch($a...) { @return (_n: 'x-content-stretch', _p: $a); } @function self-auto($a...) { @return (_n: 'self-auto', _p: $a); } @function self-start($a...) { @return (_n: 'self-start', _p: $a); } @function self-end($a...) { @return (_n: 'self-end', _p: $a); } @function self-center($a...) { @return (_n: 'self-center', _p: $a); } @function self-stretch($a...) { @return (_n: 'self-stretch', _p: $a); } @function self-baseline($a...) { @return (_n: 'self-baseline', _p: $a); } @function shrink($a...) { @return (_n: 'shrink', _p: $a); } @function no-shrink($a...) { @return (_n: 'no-shrink', _p: $a); } @function shrink-twice($a...) { @return (_n: 'shrink-twice', _p: $a); } @function fill-full($a...) { @return (_n: 'fill-full', _p: $a); } @function fill-auto($a...) { @return (_n: 'fill-auto', _p: $a); } @function grow($a...) { @return (_n: 'grow', _p: $a); } @function no-grow($a...) { @return (_n: 'no-grow', _p: $a); } @function grow-only($a...) { @return (_n: 'grow-only', _p: $a); } @function fill($a...) { @return (_n: 'fill', _p: $a); } @function cols($a...) { @return (_n: 'cols', _p: $a); } @function rows($a...) { @return (_n: 'rows', _p: $a); } @function cols-custom($a...) { @return (_n: 'cols-custom', _p: $a); } @function auto-fit($a...) { @return (_n: 'auto-fit', _p: $a); } @function auto-fill($a...) { @return (_n: 'auto-fill', _p: $a); } @function flow-in-row($a...) { @return (_n: 'flow-in-row', _p: $a); } @function flow-in-col($a...) { @return (_n: 'flow-in-col', _p: $a); } @function flow-dense-items($a...) { @return (_n: 'flow-dense-items', _p: $a); } @function justify($a...) { @return (_n: 'justify', _p: $a); } @function align($a...) { @return (_n: 'align', _p: $a); } @function place($a...) { @return (_n: 'place', _p: $a); } @function col-span($a...) { @return (_n: 'col-span', _p: $a); } @function row-span($a...) { @return (_n: 'row-span', _p: $a); } @function col-start($a...) { @return (_n: 'col-start', _p: $a); } @function col-end($a...) { @return (_n: 'col-end', _p: $a); } @function row-start($a...) { @return (_n: 'row-start', _p: $a); } @function row-end($a...) { @return (_n: 'row-end', _p: $a); } @function grid-position($a...) { @return (_n: 'grid-position', _p: $a); } @function position-col($a...) { @return (_n: 'position-col', _p: $a); } @function position-row($a...) { @return (_n: 'position-row', _p: $a); } @function dark-theme($a...) { @return (_n: 'dark-theme', _p: $a); } @function prefers-dark($a...) { @return (_n: 'prefers-dark', _p: $a); } @function dark-mode($a...) { @return (_n: 'dark-mode', _p: $a); } @function reduced-motion($a...) { @return (_n: 'reduced-motion', _p: $a); } @function high-contrast($a...) { @return (_n: 'high-contrast', _p: $a); } @function container-up($a...) { @return (_n: 'container-up', _p: $a); } @function container-down($a...) { @return (_n: 'container-down', _p: $a); } @function container-between($a...) { @return (_n: 'container-between', _p: $a); } @function container-only($a...) { @return (_n: 'container-only', _p: $a); } @function container-query($a...) { @return (_n: 'container-query', _p: $a); } @function container-type($a...) { @return (_n: 'container-type', _p: $a); } @function container-name($a...) { @return (_n: 'container-name', _p: $a); } @function touch($a...) { @return (_n: 'touch', _p: $a); } @function fine-pointer($a...) { @return (_n: 'fine-pointer', _p: $a); } @function landscape($a...) { @return (_n: 'landscape', _p: $a); } @function portrait($a...) { @return (_n: 'portrait', _p: $a); } @function display-mode($a...) { @return (_n: 'display-mode', _p: $a); } @function media-up($a...) { @return (_n: 'media-up', _p: $a); } @function media-down($a...) { @return (_n: 'media-down', _p: $a); } @function media-between($a...) { @return (_n: 'media-between', _p: $a); } @function media-only($a...) { @return (_n: 'media-only', _p: $a); } @function aspect-ratio($a...) { @return (_n: 'aspect-ratio', _p: $a); } @function dvh($a...) { @return (_n: 'dvh', _p: $a); } @function safe-area-inset($a...) { @return (_n: 'safe-area-inset', _p: $a); } @function print($a...) { @return (_n: 'print', _p: $a); } @function supports($a...) { @return (_n: 'supports', _p: $a); } @function align-baseline($a...) { @return (_n: 'align-baseline', _p: $a); } @function align-top($a...) { @return (_n: 'align-top', _p: $a); } @function align-middle($a...) { @return (_n: 'align-middle', _p: $a); } @function align-bottom($a...) { @return (_n: 'align-bottom', _p: $a); } @function ensure-keyframes($a...) { @return (_n: 'ensure-keyframes', _p: $a); } @function animate-bounce($a...) { @return (_n: 'animate-bounce', _p: $a); } @function hover-ready($a...) { @return (_n: 'hover-ready', _p: $a); } @function animate-pulse($a...) { @return (_n: 'animate-pulse', _p: $a); } @function animate-spin($a...) { @return (_n: 'animate-spin', _p: $a); } @function animate-ping($a...) { @return (_n: 'animate-ping', _p: $a); } @function animate-fade($a...) { @return (_n: 'animate-fade', _p: $a); } @function animate-shake($a...) { @return (_n: 'animate-shake', _p: $a); } @function backdrop-filter($a...) { @return (_n: 'backdrop-filter', _p: $a); } @function backdrop-layer($a...) { @return (_n: 'backdrop-layer', _p: $a); } @function backdrop-blur($a...) { @return (_n: 'backdrop-blur', _p: $a); } @function backdrop-brightness($a...) { @return (_n: 'backdrop-brightness', _p: $a); } @function backdrop-contrast($a...) { @return (_n: 'backdrop-contrast', _p: $a); } @function backdrop-grayscale($a...) { @return (_n: 'backdrop-grayscale', _p: $a); } @function backdrop-hue-rotate($a...) { @return (_n: 'backdrop-hue-rotate', _p: $a); } @function backdrop-invert($a...) { @return (_n: 'backdrop-invert', _p: $a); } @function backdrop-saturate($a...) { @return (_n: 'backdrop-saturate', _p: $a); } @function backdrop-sepia($a...) { @return (_n: 'backdrop-sepia', _p: $a); } @function backdrop-frosted($a...) { @return (_n: 'backdrop-frosted', _p: $a); } @function backdrop-glass($a...) { @return (_n: 'backdrop-glass', _p: $a); } @function backdrop-dark-glass($a...) { @return (_n: 'backdrop-dark-glass', _p: $a); } @function backdrop-crystal($a...) { @return (_n: 'backdrop-crystal', _p: $a); } @function backdrop-matte($a...) { @return (_n: 'backdrop-matte', _p: $a); } @function backdrop-none($a...) { @return (_n: 'backdrop-none', _p: $a); } @function generate-backdrop-filter-utilities($a...) { @return (_n: 'generate-backdrop-filter-utilities', _p: $a); } @function border($a...) { @return (_n: 'border', _p: $a); } @function border-top($a...) { @return (_n: 'border-top', _p: $a); } @function border-right($a...) { @return (_n: 'border-right', _p: $a); } @function border-bottom($a...) { @return (_n: 'border-bottom', _p: $a); } @function border-left($a...) { @return (_n: 'border-left', _p: $a); } @function rounded($a...) { @return (_n: 'rounded', _p: $a); } @function rounded-t($a...) { @return (_n: 'rounded-t', _p: $a); } @function rounded-r($a...) { @return (_n: 'rounded-r', _p: $a); } @function rounded-b($a...) { @return (_n: 'rounded-b', _p: $a); } @function rounded-l($a...) { @return (_n: 'rounded-l', _p: $a); } @function rounded-tl($a...) { @return (_n: 'rounded-tl', _p: $a); } @function rounded-tr($a...) { @return (_n: 'rounded-tr', _p: $a); } @function rounded-br($a...) { @return (_n: 'rounded-br', _p: $a); } @function rounded-bl($a...) { @return (_n: 'rounded-bl', _p: $a); } @function border-style($a...) { @return (_n: 'border-style', _p: $a); } @function border-color($a...) { @return (_n: 'border-color', _p: $a); } @function border-all($a...) { @return (_n: 'border-all', _p: $a); } @function pill($a...) { @return (_n: 'pill', _p: $a); } @function adaptive-contrast($a...) { @return (_n: 'adaptive-contrast', _p: $a); } @function bg($a...) { @return (_n: 'bg', _p: $a); } @function text-color($a...) { @return (_n: 'text-color', _p: $a); } @function text-on-color($a...) { @return (_n: 'text-on-color', _p: $a); } @function gradient($a...) { @return (_n: 'gradient', _p: $a); } @function cursor($a...) { @return (_n: 'cursor', _p: $a); } @function hide($a...) { @return (_n: 'hide', _p: $a); } @function block($a...) { @return (_n: 'block', _p: $a); } @function inline($a...) { @return (_n: 'inline', _p: $a); } @function inline-block($a...) { @return (_n: 'inline-block', _p: $a); } @function show($a...) { @return (_n: 'show', _p: $a); } @function grid($a...) { @return (_n: 'grid', _p: $a); } @function inline-grid($a...) { @return (_n: 'inline-grid', _p: $a); } @function grid-inline($a...) { @return (_n: 'grid-inline', _p: $a); } @function flex($a...) { @return (_n: 'flex', _p: $a); } @function inline-flex($a...) { @return (_n: 'inline-flex', _p: $a); } @function flex-inline($a...) { @return (_n: 'flex-inline', _p: $a); } @function table($a...) { @return (_n: 'table', _p: $a); } @function d-tbl($a...) { @return (_n: 'd-tbl', _p: $a); } @function table-row($a...) { @return (_n: 'table-row', _p: $a); } @function d-tbl-row($a...) { @return (_n: 'd-tbl-row', _p: $a); } @function table-cell($a...) { @return (_n: 'table-cell', _p: $a); } @function d-tbl-cell($a...) { @return (_n: 'd-tbl-cell', _p: $a); } @function visible($a...) { @return (_n: 'visible', _p: $a); } @function invisible($a...) { @return (_n: 'invisible', _p: $a); } @function collapse($a...) { @return (_n: 'collapse', _p: $a); } @function contents($a...) { @return (_n: 'contents', _p: $a); } @function overflow-hidden($a...) { @return (_n: 'overflow-hidden', _p: $a); } @function overflow-visible($a...) { @return (_n: 'overflow-visible', _p: $a); } @function overflow-scroll($a...) { @return (_n: 'overflow-scroll', _p: $a); } @function overflow-auto($a...) { @return (_n: 'overflow-auto', _p: $a); } @function overflow-x-hidden($a...) { @return (_n: 'overflow-x-hidden', _p: $a); } @function overflow-y-hidden($a...) { @return (_n: 'overflow-y-hidden', _p: $a); } @function overflow-x-scroll($a...) { @return (_n: 'overflow-x-scroll', _p: $a); } @function overflow-y-scroll($a...) { @return (_n: 'overflow-y-scroll', _p: $a); } @function overflow-x-auto($a...) { @return (_n: 'overflow-x-auto', _p: $a); } @function overflow-y-auto($a...) { @return (_n: 'overflow-y-auto', _p: $a); } @function static($a...) { @return (_n: 'static', _p: $a); } @function relative($a...) { @return (_n: 'relative', _p: $a); } @function absolute($a...) { @return (_n: 'absolute', _p: $a); } @function fixed($a...) { @return (_n: 'fixed', _p: $a); } @function sticky($a...) { @return (_n: 'sticky', _p: $a); } @function top($a...) { @return (_n: 'top', _p: $a); } @function right($a...) { @return (_n: 'right', _p: $a); } @function bottom($a...) { @return (_n: 'bottom', _p: $a); } @function left($a...) { @return (_n: 'left', _p: $a); } @function absolute-center($a...) { @return (_n: 'absolute-center', _p: $a); } @function shadow-base($a...) { @return (_n: 'shadow-base', _p: $a); } @function shadow($a...) { @return (_n: 'shadow', _p: $a); } @function shadow-inset($a...) { @return (_n: 'shadow-inset', _p: $a); } @function elevation($a...) { @return (_n: 'elevation', _p: $a); } @function width($a...) { @return (_n: 'width', _p: $a); } @function height($a...) { @return (_n: 'height', _p: $a); } @function min-width($a...) { @return (_n: 'min-width', _p: $a); } @function min-height($a...) { @return (_n: 'min-height', _p: $a); } @function max-width($a...) { @return (_n: 'max-width', _p: $a); } @function max-height($a...) { @return (_n: 'max-height', _p: $a); } @function width-percent($a...) { @return (_n: 'width-percent', _p: $a); } @function height-percent($a...) { @return (_n: 'height-percent', _p: $a); } @function min-width-percent($a...) { @return (_n: 'min-width-percent', _p: $a); } @function min-height-percent($a...) { @return (_n: 'min-height-percent', _p: $a); } @function max-width-percent($a...) { @return (_n: 'max-width-percent', _p: $a); } @function max-height-percent($a...) { @return (_n: 'max-height-percent', _p: $a); } @function w-auto($a...) { @return (_n: 'w-auto', _p: $a); } @function w-full($a...) { @return (_n: 'w-full', _p: $a); } @function h-auto($a...) { @return (_n: 'h-auto', _p: $a); } @function h-full($a...) { @return (_n: 'h-full', _p: $a); } @function w-max($a...) { @return (_n: 'w-max', _p: $a); } @function h-max($a...) { @return (_n: 'h-max', _p: $a); } @function w-min($a...) { @return (_n: 'w-min', _p: $a); } @function h-min($a...) { @return (_n: 'h-min', _p: $a); } @function w-fit($a...) { @return (_n: 'w-fit', _p: $a); } @function h-fit($a...) { @return (_n: 'h-fit', _p: $a); } @function min-w-full($a...) { @return (_n: 'min-w-full', _p: $a); } @function max-w-full($a...) { @return (_n: 'max-w-full', _p: $a); } @function min-h-full($a...) { @return (_n: 'min-h-full', _p: $a); } @function max-h-full($a...) { @return (_n: 'max-h-full', _p: $a); } @function w-screen($a...) { @return (_n: 'w-screen', _p: $a); } @function h-screen($a...) { @return (_n: 'h-screen', _p: $a); } @function p($a...) { @return (_n: 'p', _p: $a); } @function px($a...) { @return (_n: 'px', _p: $a); } @function py($a...) { @return (_n: 'py', _p: $a); } @function pt($a...) { @return (_n: 'pt', _p: $a); } @function pr($a...) { @return (_n: 'pr', _p: $a); } @function pb($a...) { @return (_n: 'pb', _p: $a); } @function pl($a...) { @return (_n: 'pl', _p: $a); } @function m($a...) { @return (_n: 'm', _p: $a); } @function mx($a...) { @return (_n: 'mx', _p: $a); } @function my($a...) { @return (_n: 'my', _p: $a); } @function mt($a...) { @return (_n: 'mt', _p: $a); } @function mr($a...) { @return (_n: 'mr', _p: $a); } @function mb($a...) { @return (_n: 'mb', _p: $a); } @function ml($a...) { @return (_n: 'ml', _p: $a); } @function ml-auto($a...) { @return (_n: 'ml-auto', _p: $a); } @function mr-auto($a...) { @return (_n: 'mr-auto', _p: $a); } @function mx-auto($a...) { @return (_n: 'mx-auto', _p: $a); } @function inset($a...) { @return (_n: 'inset', _p: $a); } @function inset-x($a...) { @return (_n: 'inset-x', _p: $a); } @function inset-y($a...) { @return (_n: 'inset-y', _p: $a); } @function inset-auto($a...) { @return (_n: 'inset-auto', _p: $a); } @function inset-x-auto($a...) { @return (_n: 'inset-x-auto', _p: $a); } @function inset-y-auto($a...) { @return (_n: 'inset-y-auto', _p: $a); } @function space-y($a...) { @return (_n: 'space-y', _p: $a); } @function space-x($a...) { @return (_n: 'space-x', _p: $a); } @function gap($a...) { @return (_n: 'gap', _p: $a); } @function gap-x($a...) { @return (_n: 'gap-x', _p: $a); } @function gap-y($a...) { @return (_n: 'gap-y', _p: $a); } @function apply-transform($a...) { @return (_n: 'apply-transform', _p: $a); } @function translate-x($a...) { @return (_n: 'translate-x', _p: $a); } @function translate-y($a...) { @return (_n: 'translate-y', _p: $a); } @function translate-z($a...) { @return (_n: 'translate-z', _p: $a); } @function scale-x($a...) { @return (_n: 'scale-x', _p: $a); } @function scale-y($a...) { @return (_n: 'scale-y', _p: $a); } @function skew-x($a...) { @return (_n: 'skew-x', _p: $a); } @function skew-y($a...) { @return (_n: 'skew-y', _p: $a); } @function origin($a...) { @return (_n: 'origin', _p: $a); } @function transition-none($a...) { @return (_n: 'transition-none', _p: $a); } @function transition-colors($a...) { @return (_n: 'transition-colors', _p: $a); } @function transition-opacity($a...) { @return (_n: 'transition-opacity', _p: $a); } @function transition-shadow($a...) { @return (_n: 'transition-shadow', _p: $a); } @function transition-transform($a...) { @return (_n: 'transition-transform', _p: $a); } @function duration($a...) { @return (_n: 'duration', _p: $a); } @function ease-linear($a...) { @return (_n: 'ease-linear', _p: $a); } @function ease-in($a...) { @return (_n: 'ease-in', _p: $a); } @function ease-out($a...) { @return (_n: 'ease-out', _p: $a); } @function ease-in-out($a...) { @return (_n: 'ease-in-out', _p: $a); } @function delay($a...) { @return (_n: 'delay', _p: $a); } @function text-size($a...) { @return (_n: 'text-size', _p: $a); } @function font-size($a...) { @return (_n: 'font-size', _p: $a); } @function font($a...) { @return (_n: 'font', _p: $a); } @function leading($a...) { @return (_n: 'leading', _p: $a); } @function leading-none($a...) { @return (_n: 'leading-none', _p: $a); } @function leading-tight($a...) { @return (_n: 'leading-tight', _p: $a); } @function leading-snug($a...) { @return (_n: 'leading-snug', _p: $a); } @function leading-normal($a...) { @return (_n: 'leading-normal', _p: $a); } @function leading-relaxed($a...) { @return (_n: 'leading-relaxed', _p: $a); } @function leading-loose($a...) { @return (_n: 'leading-loose', _p: $a); } @function text-left($a...) { @return (_n: 'text-left', _p: $a); } @function text-center($a...) { @return (_n: 'text-center', _p: $a); } @function text-right($a...) { @return (_n: 'text-right', _p: $a); } @function text-justify($a...) { @return (_n: 'text-justify', _p: $a); } @function uppercase($a...) { @return (_n: 'uppercase', _p: $a); } @function lowercase($a...) { @return (_n: 'lowercase', _p: $a); } @function capitalize($a...) { @return (_n: 'capitalize', _p: $a); } @function normal-case($a...) { @return (_n: 'normal-case', _p: $a); } @function italic($a...) { @return (_n: 'italic', _p: $a); } @function not-italic($a...) { @return (_n: 'not-italic', _p: $a); } @function underline($a...) { @return (_n: 'underline', _p: $a); } @function line-through($a...) { @return (_n: 'line-through', _p: $a); } @function no-underline($a...) { @return (_n: 'no-underline', _p: $a); } @function truncate($a...) { @return (_n: 'truncate', _p: $a); } @function overflow-label($a...) { @return (_n: 'overflow-label', _p: $a); } @function truncate-lines($a...) { @return (_n: 'truncate-lines', _p: $a); } @function break-normal($a...) { @return (_n: 'break-normal', _p: $a); } @function break-words($a...) { @return (_n: 'break-words', _p: $a); } @function break-all($a...) { @return (_n: 'break-all', _p: $a); } @function whitespace-normal($a...) { @return (_n: 'whitespace-normal', _p: $a); } @function whitespace-nowrap($a...) { @return (_n: 'whitespace-nowrap', _p: $a); } @function whitespace-pre($a...) { @return (_n: 'whitespace-pre', _p: $a); } @function whitespace-pre-line($a...) { @return (_n: 'whitespace-pre-line', _p: $a); } @function whitespace-pre-wrap($a...) { @return (_n: 'whitespace-pre-wrap', _p: $a); } @function tracking($a...) { @return (_n: 'tracking', _p: $a); } @function tracking-tighter($a...) { @return (_n: 'tracking-tighter', _p: $a); } @function tracking-tight($a...) { @return (_n: 'tracking-tight', _p: $a); } @function tracking-normal($a...) { @return (_n: 'tracking-normal', _p: $a); } @function tracking-wide($a...) { @return (_n: 'tracking-wide', _p: $a); } @function tracking-wider($a...) { @return (_n: 'tracking-wider', _p: $a); } @function tracking-widest($a...) { @return (_n: 'tracking-widest', _p: $a); } @function responsive-config-typo($a...) { @return (_n: 'responsive-config-typo', _p: $a); } @function z-index($a...) { @return (_n: 'z-index', _p: $a); } @function z-index-utilities($a...) { @return (_n: 'z-index-utilities', _p: $a); } @function z-base($a...) { @return (_n: 'z-base', _p: $a); } @function z-hover($a...) { @return (_n: 'z-hover', _p: $a); } @function z-dropdown($a...) { @return (_n: 'z-dropdown', _p: $a); } @function z-sticky($a...) { @return (_n: 'z-sticky', _p: $a); } @function z-fixed($a...) { @return (_n: 'z-fixed', _p: $a); } @function z-drawer($a...) { @return (_n: 'z-drawer', _p: $a); } @function z-modal($a...) { @return (_n: 'z-modal', _p: $a); } @function z-popover($a...) { @return (_n: 'z-popover', _p: $a); } @function z-tooltip($a...) { @return (_n: 'z-tooltip', _p: $a); } @function z-overlay($a...) { @return (_n: 'z-overlay', _p: $a); } @function z-toast($a...) { @return (_n: 'z-toast', _p: $a); } @function z-max($a...) { @return (_n: 'z-max', _p: $a); } @function z-auto($a...) { @return (_n: 'z-auto', _p: $a); } @function pam($mods) { $bp: null; $state: null; @if $mods != "" { $si: str.index($mods, ' '); @if $si { $mod1: str.slice($mods, 1, $si - 1); $mod2: str.slice($mods, $si + 1); @while $mod2 != "" and str.slice($mod2, 1, 1) == ' ' { $mod2: str.slice($mod2, 2); } @if $mod1 != "" { @if map.has-key($breakpoints, $mod1) { $bp: $mod1; } @else { $state: $mod1; } } @if $mod2 != "" { @if map.has-key($breakpoints, $mod2) { $bp: $mod2; } @else { $state: $mod2; } } } @else if map.has-key($breakpoints, $mods) { $bp: $mods; } @else { $state: $mods; } } @return ($bp, $state); } @function pai($ms) { @if map.has-key($ac, $ms) { @return map.get($ac, $ms); } $bm: null; $params: null; $bp: null; $state: null; $op: str.index($ms, '('); @if $op { $cl: null; $fc: str.index($ms, ')'); @if $fc and str.index(str.slice($ms, $op + 1), '(') == null { $cl: $fc; } @else { $depth: 1; $break: 0; @for $i from $op + 1 through str.length($ms) { @if $break == 0 { $char: str.slice($ms, $i, $i); @if $char == '(' { $depth: $depth + 1; } @else if $char == ')' { $depth: $depth - 1; @if $depth == 0 { $cl: $i; $break: 1; } } } } } @if $cl { $bm: str.slice($ms, 1, $op - 1); $params: split(str.slice($ms, $op + 1, $cl - 1), ','); $mods: ""; @if str.length($ms) > $cl { $mods: str.slice($ms, $cl + 1); @while str.slice($mods, 1, 1) == ' ' { $mods: str.slice($mods, 2); } } $pm: pam($mods); $bp: list.nth($pm, 1); $state: list.nth($pm, 2); } } @else { $si: str.index($ms, ' '); @if $si { $bm: str.slice($ms, 1, $si - 1); $mods: str.slice($ms, $si + 1); $pm: pam($mods); $bp: list.nth($pm, 1); $state: list.nth($pm, 2); } @else { $bm: $ms; } } $pd: ($bm, $params, $bp, $state); $ac: map.set($ac, $ms, $pd) !global; @return $pd; } @mixin apply($mixins...) { @each $mixin in $mixins { $name: null; $params: null; $state: null; $bp: null; @if type-of($mixin) == 'map' and map.has-key($mixin, _n) { $name: map.get($mixin, _n); $params: map.get($mixin, _p); } @else if type-of($mixin) == 'list' and list.separator($mixin) == space { $first: list.nth($mixin, 1); @if type-of($first) == 'map' and map.has-key($first, _n) { $name: map.get($first, _n); $params: map.get($first, _p); @for $i from 2 through list.length($mixin) { $mod: #{list.nth($mixin, $i)}; @if map.has-key($breakpoints, $mod) { $bp: $mod; } @else { $state: $mod; } } } @else { $ms: #{$mixin}; $pd: pai($ms); $name: list.nth($pd, 1); $params: list.nth($pd, 2); $bp: list.nth($pd, 3); $state: list.nth($pd, 4); } } @else { $ms: #{$mixin}; $pd: pai($ms); $name: list.nth($pd, 1); $params: list.nth($pd, 2); $bp: list.nth($pd, 3); $state: list.nth($pd, 4); } @if $name { @if $state and $bp { @include media-up($bp) { &:#{$state} { @include am($name, $params); } } } @else if $state { &:#{$state} { @include am($name, $params); } } @else if $bp { @include media-up($bp) { @include am($name, $params); } } @else { @include am($name, $params); } } } } @mixin am($name, $params: null) { $ref: meta.get-mixin($name); @if $params { @include meta.apply($ref, $params...); } @else { @include meta.apply($ref); } }