@master/css-language-server 2.0.0-beta.75 → 2.0.0-beta.78

package/src/constant.ts

@@ -1,1170 +0,0 @@
-import { CompletionItem, CompletionItemKind } from 'vscode-languageserver'
-
-interface MasterCssKey {
-    key: string[];
-    colorful: boolean,
-    values: Array<string | CompletionItem>;
-}
-
-export const masterCssSelectors = [
-    { label: 'lang()', kind: CompletionItemKind.Function }, { label: 'has()', kind: CompletionItemKind.Function }, 'any-link', 'link', 'visited', 'target', 'scope', 'hover', 'active', 'focus', 'focus-visible', 'focus-within',
-    'autofill', 'enabled', 'disabled', 'read-only', 'read-write', 'placeholder-shown', 'default', 'checked', 'indeterminate', 'valid', 'invalid', 'in-range',
-    'out-of-range', 'required', 'optional', 'root', 'empty',
-    { label: 'nth-child()', kind: CompletionItemKind.Function },
-    { label: 'nth-last-child()', kind: CompletionItemKind.Function }, 'first-child', 'last-child', 'only-child',
-    { label: 'nth-of-type()', kind: CompletionItemKind.Function },
-
-    { label: 'nth-last-of-type()', kind: CompletionItemKind.Function }, 'first-of-type', 'last-of-type', 'only-of-type', 'defined', 'first', 'fullscreen',
-    { label: 'host()', kind: CompletionItemKind.Function },
-    { label: 'host-context()', kind: CompletionItemKind.Function },
-    { label: 'is()', kind: CompletionItemKind.Function }, 'left',
-    { label: 'not()', kind: CompletionItemKind.Function },
-    'right',
-    { label: 'where()', kind: CompletionItemKind.Function }
-]
-
-export const masterCssElements = ['after', 'before', 'backdrop', 'cue', 'first-letter', 'first-line', 'file-selector-button', 'marker',
-    { label: 'part()', kind: CompletionItemKind.Function }, 'placeholder'
-    , 'selection',
-    { label: 'slotted()', kind: CompletionItemKind.Function }, 'resizer',
-    'search-cancel-button', 'search-results-button'
-]
-
-export const masterCssMedia = [
-    'all', 'print', 'screen', 'portrait', 'landscape', 'motion', 'reduced-motion',
-    { label: 'media()', kind: CompletionItemKind.Function }
-]
-
-export const masterCssOtherKeys = [
-    'ext', 'gap', 'ont', 'ovf', 'quotes', 'bottom', 'center', 'left', 'middle', 'top', 'right', 'px', 'py', 'pt', 'pb', 'pl', 'pr', 'mx', 'my', 'mt', 'mb', 'ml', 'mr'
-]
-
-export const masterCssCommonValues = [
-    { label: 'var()', kind: CompletionItemKind.Function },
-    { label: 'calc()', kind: CompletionItemKind.Function },
-    'inherit',
-    'initial',
-    'unset'
-]
-
-export const masterCssKeyValues: MasterCssKey[] = [
-    {
-        key: ['color', 'fg', 'foreground'],
-        colorful: true,
-        values: []
-    },
-    //APPEARANCE
-    {
-        key: ['font-color', 'font', 'f'],
-        colorful: true,
-        values: []
-    },
-    {
-        key: ['accent-color', 'accent'],
-        colorful: true,
-        values: []
-    },
-    {
-        key: ['appearance'],
-        colorful: false,
-        values: ['none', 'auto', 'menulist-button', 'textfield', 'button', 'searchfield', 'textarea', 'push-button', 'slider-horizontal', 'checkbox', 'radio', 'square-button', 'menulist', 'listbox', 'meter', 'progress-bar']
-    },
-    {
-        key: ['caret-color', 'caret'],
-        colorful: true,
-        values: ['transparent']
-    },
-    {
-        key: ['cursor'],
-        colorful: false,
-        values: ['auto', 'alias', 'all-scroll', 'cell', 'col-resize', 'context-menu', 'copy', 'crosshair', 'default', 'e-resize', 'ew-resize', 'grab', 'grabbing', 'help', 'move', 'n-resize', 'ne-resize', 'nesw-resize', 'no-drop', 'none', 'not-allowed', 'ns-resize', 'nw-resize', 'nwse-resize', 'pointer', 'progress', 'row-resize', 's-resize', 'se-resize', 'sw-resize', 'text', 'vertical-text', 'w-resize', 'wait', 'zoom-in', 'zoom-out']
-    },
-
-
-    //LAYOUT
-    {
-        key: ['box-decoration-break', 'box'],
-        colorful: false,
-        values: ['slice', 'clone']
-    },
-    {
-        key: ['break-after', 'break-before'],
-        colorful: false,
-        values: ['avoid-column', 'column', 'left', 'page', 'recto', 'right', 'recto', 'verso', 'auto', 'avoid', 'avoid-column', 'avoid-page', 'revert']
-    },
-    {
-        key: ['break-inside'],
-        colorful: false,
-        values: ['auto', 'avoid', 'avoid-column', 'avoid-page', 'revert']
-    },
-    {
-        key: ['clear'],
-        colorful: false,
-        values: ['both', 'left', 'none', 'right']
-    },
-    {
-        key: ['columns', 'cols'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['column-span', 'col-span'],
-        colorful: false,
-        values: ['all', 'none']
-    },
-    {
-        key: ['direction'],
-        colorful: false,
-        values: ['ltr', 'rtl']
-    },
-    {
-        key: ['display', 'd'],
-        colorful: false,
-        values: ['hidden', 'hide', 'flex', 'grid', 'inline', 'none', 'block', 'table', 'contents', 'inline-block', 'inline-flex', 'inline-grid', 'inline-table', 'table-cell', 'table-caption', 'flow-root', 'list-item', 'table-row', 'table-column', 'table-row-group', 'table-column-group', 'table-header-group', 'table-footer-group']
-    },
-    {
-        key: ['float'],
-        colorful: false,
-        values: ['left', 'none', 'right']
-    },
-    {
-        key: ['inset'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['isolation'],
-        colorful: false,
-        values: ['auto', 'isolate']
-    },
-    {
-        key: ['overflow', 'overflow-x', 'overflow-y'],
-        colorful: false,
-        values: ['auto', 'hidden', 'overlay', 'scroll', 'visible', 'clip']
-    },
-    {
-        key: ['position'],
-        colorful: false,
-        values: ['absolute', 'relative', 'static', 'fixed', 'sticky']
-    },
-    {
-        key: ['z-index', 'z'],
-        colorful: false,
-        values: []
-    },
-    //FLEX
-    {
-        key: ['flex'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['flex-basis'],
-        colorful: false,
-        values: ['100%', 'fit-content', 'max-content', 'min-content']
-    },
-    {
-        key: ['flex-direction', 'flex'],
-        colorful: false,
-        values: ['column', 'row', 'column-reverse', 'row-reverse']
-    },
-    {
-        key: ['flex-grow', 'flex-shrink'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['flex-wrap', 'flex'],
-        colorful: false,
-        values: ['wrap', 'wrap-reverse', 'nowrap']
-    },
-    //GRID
-    {
-        key: ['grid'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['grid-auto-columns', 'grid-auto-cols'],
-        colorful: false,
-        values: ['auto', 'min-content', 'max-content',
-            { label: 'minmax(,)', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['grid-auto-flow'],
-        colorful: false,
-        values: ['row', 'column', 'dense', 'row|dense', 'column|dense']
-    },
-    {
-        key: ['grid-auto-rows'],
-        colorful: false,
-        values: ['auto', 'min-content', 'max-content',
-            { label: 'minmax(,)', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['grid-column', 'grid-col', 'grid-column-span', 'grid-col-span', 'grid-column-start', 'grid-col-start', 'grid-column-end', 'grid-col-end'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['grid-columns', 'grid-cols'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['grid-row', 'grid-row-span', 'grid-row-start', 'grid-row-end'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['grid-rows'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['grid-template'],
-        colorful: false,
-        values: ['none']
-    },
-    {
-        key: ['grid-template-areas', 'grid-area'],
-        colorful: false,
-        values: ['none']
-    },
-    {
-        key: ['grid-template-columns', 'grid-template-cols'],
-        colorful: false,
-        values: ['none', 'min-content', 'max-content',
-            { label: 'repeat(,)', kind: CompletionItemKind.Function },
-            { label: 'fit-content()', kind: CompletionItemKind.Function },
-            { label: 'minmax()', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['grid-template-rows'],
-        colorful: false,
-        values: ['none', 'min-content', 'max-content',
-            { label: 'repeat(,)', kind: CompletionItemKind.Function },
-            { label: 'fit-content()', kind: CompletionItemKind.Function },
-            { label: 'minmax()', kind: CompletionItemKind.Function }]
-    },
-    //GRID AND FLEXBOX
-    {
-        key: ['align-content', 'ac'],
-        colorful: false,
-        values: ['space-around', 'space-between', 'space-evenly', 'normal', 'baseline', 'center', 'stretch', 'start', 'end', 'flex-start', 'flex-end']
-    },
-    {
-        key: ['align-items', 'ai'],
-        colorful: false,
-        values: ['self-start', 'self-end', 'normal', 'baseline', 'center', 'stretch', 'start', 'end', 'flex-start', 'flex-end']
-    },
-    {
-        key: ['align-self', 'as'],
-        colorful: false,
-        values: ['auto', 'self-start', 'self-end', 'normal', 'baseline', 'center', 'stretch', 'start', 'end', 'flex-start', 'flex-end']
-    },
-    {
-        key: ['justify-content', 'jc'],
-        colorful: false,
-        values: ['space-around', 'space-between', 'space-evenly', 'normal', 'left', 'center', 'right', 'stretch', 'start', 'end', 'flex-start', 'flex-end']
-    },
-    {
-        key: ['justify-items', 'ji'],
-        colorful: false,
-        values: ['self-start', 'self-end', 'normal', 'left', 'center', 'right', 'stretch', 'start', 'end', 'flex-start', 'flex-end']
-    },
-    {
-        key: ['justify-self', 'js'],
-        colorful: false,
-        values: ['auto', 'self-start', 'self-end', 'normal', 'left', 'center', 'right', 'stretch', 'start', 'end', 'flex-start', 'flex-end']
-    },
-    {
-        key: ['order', 'o'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['place-content'],
-        colorful: false,
-        values: ['space-around', 'space-between', 'space-evenly', 'normal', 'baseline', 'center', 'stretch', 'start', 'end', 'flex-start', 'flex-end']
-    },
-    {
-        key: ['place-items'],
-        colorful: false,
-        values: ['self-start', 'self-end', 'normal', 'baseline', 'center', 'stretch', 'start', 'end', 'flex-start', 'flex-end']
-    },
-    {
-        key: ['place-self'],
-        colorful: false,
-        values: ['auto', 'self-start', 'self-end', 'normal', 'baseline', 'center', 'stretch', 'start', 'end', 'flex-start', 'flex-end']
-    },
-    //TABLES
-    {
-        key: ['border-collapse', 'border'],
-        colorful: false,
-        values: ['collapse', 'separate']
-    },
-    {
-        key: ['table-layout'],
-        colorful: false,
-        values: ['auto', 'fixed']
-    },
-    //MEDIA
-    {
-        key: ['object-fit'],
-        colorful: false,
-        values: ['none']
-    },
-    {
-        key: ['object-fit', 'object', 'obj'],
-        colorful: false,
-        values: ['contain', 'cover', 'fill', 'scale-down']
-    },
-    {
-        key: ['object-position', 'object', 'obj'],
-        colorful: false,
-        values: ['top', 'bottom', 'left', 'right', 'center']
-    },
-    //FONT
-    {
-        key: ['font', 'f'],
-        colorful: false,
-        values: ['caption', 'icon', 'menu', 'message-box', 'small-caption', 'status-bar']
-    },
-    {
-        key: ['font-color', 'font', 'f'],
-        colorful: true,
-        values: []
-    },
-    {
-        key: ['font-family', 'font', 'f'],
-        colorful: false,
-        values: [
-            '\'CourierNew\',Courier,monospace',
-            '\'FranklinGothicMedium\',\'ArialNarrow\',Arial,sans-serif',
-            '\'GillSans\',\'GillSansMT\',Calibri,\'TrebuchetMS\',sans-serif',
-            '\'LucidaSans\',\'LucidaSansRegular\',\'LucidaGrande\',\'LucidaSansUnicode\',Geneva,Verdana,sans-serif',
-            '\'SegoeUI\',Tahoma,Geneva,Verdana,sans-serif',
-            '\'TimesNewRoman\',Times,serif',
-            '\'TrebuchetMS\',\'LucidaSansUnicode\',\'LucidaGrande\',\'LucidaSans\',Arial,sans-serif',
-            'Arial,Helvetica,sans-serif',
-            'Cambria,Cochin,Georgia,Times,\'TimesNewRoman\',serif',
-            'Georgia,\'TimesNewRoman\',Times,serif',
-            'Impact,Haettenschweiler,\'ArialNarrowBold\',sans-serif',
-            'Verdana,Geneva,Tahoma,sans-serif',
-            'cursive',
-            'fantasy',
-            'monospace',
-            'sans-serif',
-            'serif',
-            '-apple-system,BlinkMacSystemFont,\'SegoeUI\',Roboto,Oxygen,Ubuntu,Cantarell,\'OpenSans\',\'HelveticaNeue\',sans-serif'
-        ]
-    },
-    {
-        key: ['font-size', 'font', 'f'],
-        colorful: false,
-        values: [
-            { label: '8', kind: CompletionItemKind.Unit, sortText: '!0' },
-            { label: '9', kind: CompletionItemKind.Unit, sortText: '!1' },
-            { label: '10', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '11', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '12', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '14', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '16', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '18', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '20', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '22', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '24', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '26', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '28', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '36', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '48', kind: CompletionItemKind.Unit, sortText: '!2' },
-            { label: '72', kind: CompletionItemKind.Unit, sortText: '!2' },
-        ]
-    },
-    {
-        key: ['font-style'],
-        colorful: false,
-        values: ['oblique|deg']
-    },
-    {
-        key: ['font-style', 'font', 'f'],
-        colorful: false,
-        values: ['normal', 'italic', 'oblique']
-    },
-    {
-        key: ['font-variant-numeric', 'font', 'f'],
-        colorful: false,
-        values: ['normal', 'ordinal', 'slashed-zero', 'lining-nums', 'oldstyle-nums', 'proportional-nums', 'tabular-nums', 'diagonal-fractions', 'stacked-fractions']
-    },
-    {
-        key: ['font-weight', 'font', 'f'],
-        colorful: false,
-        values: [
-            '100',
-            '200',
-            '300',
-            '400',
-            '500',
-            '600',
-            '700',
-            '800',
-            '900'
-        ]
-    },
-    {
-        key: ['font', 'f'],
-        colorful: false,
-        values: ['antialiased', 'subpixel-antialiased']
-    },
-    //TEXT
-    {
-        key: ['text-align', 'text', 't'],
-        colorful: false,
-        values: ['start', 'end', 'left', 'right', 'center', 'justify']
-    },
-    {
-        key: ['text-decoration', 'text', 't'],
-        colorful: false,
-        values: ['underline', 'line-through', 'overline']
-    },
-    {
-        key: ['text-decoration-color', 'text-decoration'],
-        colorful: true,
-        values: []
-    },
-    {
-        key: ['text-decoration-line', 'text', 't'],
-        colorful: false,
-        values: ['none', 'underline', 'overline', 'line-through']
-    },
-    {
-        key: ['text-decoration-style', 'text', 't'],
-        colorful: false,
-        values: ['dashed', 'dotted', 'double', 'solid', 'wavy']
-    },
-    {
-        key: ['text-decoration-thickness'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['text-fill-color', 'text-fill'],
-        colorful: true,
-        values: []
-    },
-    {
-        key: ['text-indent'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['text-orientation', 'text', 't'],
-        colorful: false,
-        values: ['mixed', 'sideways', 'sideways-right', 'upright', 'use-glyph-orientation']
-    },
-    {
-        key: ['text-overflow', 'text', 't'],
-        colorful: false,
-        values: ['clip', 'ellipsis']
-    },
-    {
-        key: ['text-shadow'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['text', 't'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['text-stroke'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['text-stroke-color', 'text-stroke'],
-        colorful: true,
-        values: []
-    },
-    {
-        key: ['text-stroke-width', 'text-stroke'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['text-transform'],
-        colorful: false,
-        values: ['none']
-    },
-    {
-        key: ['text-transform', 'text', 't'],
-        colorful: false,
-        values: ['capitalize', 'lowercase', 'uppercase']
-    },
-    {
-        key: ['text-underline-offset'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['text-rendering'],
-        colorful: false,
-        values: ['auto']
-    },
-    {
-        key: ['text-rendering', 't'],
-        colorful: false,
-        values: ['optimizeSpeed', 'optimizeLegibility', 'geometricPrecision']
-    },
-    //LIST STYLE
-    {
-        key: ['list-style'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['list-style-image', 'list-style'],
-        colorful: false,
-        values: [
-            { label: 'url()', kind: CompletionItemKind.Function },
-            { label: 'linear-gradient()', kind: CompletionItemKind.Function },
-            { label: 'radial-gradient()', kind: CompletionItemKind.Function },
-            { label: 'repeating-linear-gradient()', kind: CompletionItemKind.Function },
-            { label: 'repeating-radial-gradient()', kind: CompletionItemKind.Function },
-            { label: 'conic-gradient()', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['list-style-position', 'list-style'],
-        colorful: false,
-        values: ['inside', 'outside']
-    },
-    {
-        key: ['list-style-type'],
-        colorful: false,
-        values: ['circle', 'square', 'decimal-leading-zero', 'lower-roman', 'lower-greek', 'lower-alpha', 'lower-latin', 'upper-roman', 'upper-alpha', 'upper-latin', 'arabic-indic', 'armenian', 'bengali', 'cambodian/khmer', 'cjk-earthly-branch', 'cjk-heavenly-stem', 'devanagari', 'georgian', 'gurmukhi', 'kannada', 'lao', 'malayalam', 'myanmar', 'oriya', 'telugu', 'thai']
-    },
-    {
-        key: ['list-style-type', 'list-style'],
-        colorful: false,
-        values: ['none', 'disc', 'decimal']
-    },
-    //TYPOGRAPHY
-    {
-        key: ['letter-spacing', 'ls'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['lines'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['line-height', 'lh'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['content'],
-        colorful: false,
-        values: ['normal', 'none', 'no-open-quote', 'no-close-quote',
-            { label: 'url()', kind: CompletionItemKind.Function },
-            { label: 'linear-gradient()', kind: CompletionItemKind.Function },
-            { label: 'image-set()', kind: CompletionItemKind.Function },
-            { label: 'counter()', kind: CompletionItemKind.Function },
-            { label: 'attr()', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['vertical-align', 'v'],
-        colorful: false,
-        values: ['baseline', 'bottom', 'middle', 'sub', 'super', 'text-bottom', 'text-top', 'top']
-    },
-    {
-        key: ['white-space'],
-        colorful: false,
-        values: ['break-spaces', 'normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap']
-    },
-    {
-        key: ['word-break'],
-        colorful: false,
-        values: ['normal', 'break-all', 'keep-all']
-    },
-    {
-        key: ['word-spacing'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['writing-mode'],
-        colorful: false,
-        values: ['horizontal-tb', 'vertical-rl', 'vertical-lr', 'lr', 'lr-tb', 'rl', 'rl-tb', 'tb', 'tb-rl']
-    },
-    //BACKGROUND
-    {
-        key: ['background', 'bg'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['backdrop-filter', 'bd'],
-        colorful: false,
-        values: ['none',
-            { label: 'url()', kind: CompletionItemKind.Function },
-            { label: 'blur()', kind: CompletionItemKind.Function },
-            { label: 'brightness()', kind: CompletionItemKind.Function },
-            { label: 'contrast()', kind: CompletionItemKind.Function },
-            { label: 'grayscale()', kind: CompletionItemKind.Function },
-            { label: 'hue-rotate(degree)', kind: CompletionItemKind.Function },
-            { label: 'invert()', kind: CompletionItemKind.Function },
-            { label: 'sepia()', kind: CompletionItemKind.Function },
-            { label: 'saturate()', kind: CompletionItemKind.Function },
-            { label: 'opacity()', kind: CompletionItemKind.Function },
-            { label: 'drop-shadow()', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['background-attachment', 'background', 'bg'],
-        colorful: false,
-        values: ['fixed', 'local', 'scroll']
-    },
-    {
-        key: ['background-blend-mode'],
-        colorful: false,
-        values: ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity']
-    },
-    {
-        key: ['background-clip', 'bg'],
-        colorful: false,
-        values: ['content-box', 'border-box', 'padding-box']
-    },
-    {
-        key: ['background-color', 'background', 'bg'],
-        colorful: true,
-        values: ['transparent']
-    },
-    {
-        key: ['background-image', 'background', 'bg'],
-        colorful: false,
-        values: [
-            { label: 'url()', kind: CompletionItemKind.Function },
-            { label: 'linear-gradient()', kind: CompletionItemKind.Function },
-            { label: 'radial-gradient()', kind: CompletionItemKind.Function },
-            { label: 'repeating-linear-gradient()', kind: CompletionItemKind.Function },
-            { label: 'repeating-radial-gradient()', kind: CompletionItemKind.Function },
-            { label: 'conic-gradient()', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['background-origin', 'bg'],
-        colorful: false,
-        values: ['content-box', 'border-box', 'padding-box']
-    },
-    {
-        key: ['background-position', 'bg'],
-        colorful: false,
-        values: ['top', 'bottom', 'left', 'right', 'center']
-    },
-    {
-        key: ['background-repeat', 'bg'],
-        colorful: false,
-        values: ['repeat', 'no-repeat', 'repeat-x', 'repeat-y']
-    },
-    {
-        key: ['background-size', 'background', 'bg'],
-        colorful: false,
-        values: ['auto', 'cover', 'contain']
-    },
-    {
-        key: ['mix-blend-mode', 'blend'],
-        colorful: false,
-        values: ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity']
-    },
-    //BORDER
-    {
-        key: ['border', 'border-top', 'border-bottom', 'border-left', 'border-right', 'b', 'bt', 'bb', 'bl', 'br', 'bx', 'by'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['border-spacing'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['border-color', 'border', 'border-top-color', 'border-bottom-color', 'border-left-color', 'border-right-color', 'b', 'bt', 'bb', 'bl', 'br', 'bx', 'by'],
-        colorful: true,
-        values: []
-    },
-    {
-        key: ['border-radius', 'r', 'rt', 'rb', 'rl', 'rr', 'border-top-left-radius', 'rlt', 'rtl', 'border-top-right-radius', 'rrt', 'rtr'
-            , 'border-bottom-left-radius', 'rlb', 'rbl', 'border-bottom-right-radius', 'rbr', 'rrb'
-        ],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['border-style', 'border', 'b', 'border-top-style', 'border-top', 'bt', 'border-bottom-style', 'border-bottom', 'bb', 'border-left-style', 'border-left', 'bl', 'border-right-style', 'border-right', 'br', 'bx', 'by'],
-        colorful: false,
-        values: ['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset']
-    },
-    {
-        key: ['border-width', 'border', 'b', 'border-top-width', 'border-top', 'bt', 'border-bottom-width', 'border-bottom', 'bb', 'border-left-width', 'border-left', 'bl', 'border-right-width', 'border-right', 'br', 'bx', 'by'],
-        colorful: false,
-        values: []
-    },
-
-    //OUTLINE
-    {
-        key: ['outline'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['outline-color', 'outline'],
-        colorful: true,
-        values: []
-    },
-    {
-        key: ['outline-offset'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['outline-style', 'outline'],
-        colorful: false,
-        values: ['none', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset']
-    },
-    {
-        key: ['outline-width', 'outline'],
-        colorful: false,
-        values: ['medium', 'thick', 'thin']
-    },
-    //SHAPE
-    {
-        key: ['shape-image-threshold'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['shape-margin', 'shape'],
-        colorful: false,
-        values: [
-            { label: 'max()', kind: CompletionItemKind.Function },
-            { label: 'min()', kind: CompletionItemKind.Function },
-            { label: 'calc()', kind: CompletionItemKind.Function },
-            { label: 'clamp()', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['shape-outside', 'shape'],
-        colorful: false,
-        values: ['none', 'content-box', 'border-box', 'padding-box', 'margin-box',
-            { label: 'inset()', kind: CompletionItemKind.Function },
-            { label: 'circle()', kind: CompletionItemKind.Function },
-            { label: 'ellipse()', kind: CompletionItemKind.Function },
-            { label: 'polygon()', kind: CompletionItemKind.Function },
-            { label: 'url()', kind: CompletionItemKind.Function },
-            { label: 'linear-gradient()', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['clip-path', 'clip'],
-        colorful: false,
-        values: [
-            'none',
-            'content-box',
-            'border-box',
-            'padding-box',
-            'margin-box',
-            'fill-box',
-            'stroke-box',
-            'view-box',
-            { label: 'inset()', kind: CompletionItemKind.Function },
-            { label: 'circle()', kind: CompletionItemKind.Function },
-            { label: 'ellipse()', kind: CompletionItemKind.Function },
-            { label: 'polygon()', kind: CompletionItemKind.Function },
-            { label: 'path()', kind: CompletionItemKind.Function },
-            { label: 'url()', kind: CompletionItemKind.Function }]
-    },
-    //SIZING
-    {
-        key: ['aspect-ratio', 'aspect'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['box-sizing', 'box'],
-        colorful: false,
-        values: ['content-box', 'border-box']
-    },
-    {
-        key: ['width', 'w'],
-        colorful: false,
-        values: ['100%', 'fit-content', 'max-content', 'min-content']
-    },
-    {
-        key: ['min-width', 'min-w'],
-        colorful: false,
-        values: ['100%', 'fit-content', 'max-content', 'min-content']
-    },
-    {
-        key: ['max-width', 'max-w'],
-        colorful: false,
-        values: ['100%', 'fit-content', 'max-content', 'min-content']
-    },
-    {
-        key: ['height', 'h'],
-        colorful: false,
-        values: ['100%', 'fit-content', 'max-content', 'min-content']
-    },
-    {
-        key: ['min-height', 'min-h'],
-        colorful: false,
-        values: ['100%', 'fit-content', 'max-content', 'min-content']
-    },
-    {
-        key: ['max-height', 'max-h'],
-        colorful: false,
-        values: ['100%', 'fit-content', 'max-content', 'min-content']
-    },
-    //TYPOGRAPHY
-    {
-        key: ['letter-spacing', 'ls'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['margin-top', 'mt', 'margin-bottom', 'mb', 'margin-left', 'ml', 'margin-right', 'mr', 'margin', 'm', 'mx', 'my'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['padding-top', 'pt', 'padding-bottom', 'pb', 'padding-left', 'pl', 'padding-right', 'pr', 'padding', 'p', 'px', 'py'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['word-spacing'],
-        colorful: false,
-        values: []
-    },
-    //TRANSITION
-    {
-        key: ['transition'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['transition-delay', '~delay'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['transition-duration', '~duration'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['transition-property', '~property'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['transition-timing-function', '~easing'],
-        colorful: false,
-        values: ['ease', 'ease-in', 'ease-out', 'linear', 'step-start', 'step-end',
-            { label: 'steps(,)', kind: CompletionItemKind.Function },
-            { label: 'cubic-bezier(,,,)', kind: CompletionItemKind.Function },
-            { label: 'frames()', kind: CompletionItemKind.Function }]
-    },
-    //TRANSFORM
-    {
-        key: ['transform'],
-        colorful: false,
-        values: [
-            { label: 'translate()', kind: CompletionItemKind.Function },
-            { label: 'translate3d()', kind: CompletionItemKind.Function },
-            { label: 'translateX()', kind: CompletionItemKind.Function },
-            { label: 'translateY()', kind: CompletionItemKind.Function },
-            { label: 'translateZ()', kind: CompletionItemKind.Function },
-            { label: 'scale()', kind: CompletionItemKind.Function },
-            { label: 'scale3d()', kind: CompletionItemKind.Function },
-            { label: 'scaleX()', kind: CompletionItemKind.Function },
-            { label: 'scaleY()', kind: CompletionItemKind.Function },
-            { label: 'scaleZ()', kind: CompletionItemKind.Function },
-            { label: 'skew()', kind: CompletionItemKind.Function },
-            { label: 'skewX()', kind: CompletionItemKind.Function },
-            { label: 'skewY()', kind: CompletionItemKind.Function },
-            { label: 'rotate()', kind: CompletionItemKind.Function },
-            { label: 'rotate3d()', kind: CompletionItemKind.Function },
-            { label: 'rotateX()', kind: CompletionItemKind.Function },
-            { label: 'rotateY()', kind: CompletionItemKind.Function },
-            { label: 'rotateZ()', kind: CompletionItemKind.Function },
-            { label: 'perspective()', kind: CompletionItemKind.Function },
-            { label: 'matrix()', kind: CompletionItemKind.Function },
-            { label: 'matrix3d()', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['transform-box', 'transform'],
-        colorful: false,
-        values: [
-            'content-box',
-            'fill-box',
-            'stroke-box',
-            'view-box',
-            'border-box'
-        ]
-    },
-    {
-        key: ['transform-origin', 'transform'],
-        colorful: false,
-        values: ['top', 'bottom', 'right', 'left', 'center']
-    },
-    {
-        key: ['transform-style', 'transform'],
-        colorful: false,
-        values: ['flat', 'preserve-3d']
-    },
-    //ANIMATION
-    {
-        key: ['animation'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['animation-delay', '@delay'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['animation-direction', '@direction'],
-        colorful: false,
-        values: ['normal', 'reverse', 'alternate', 'alternate-reverse']
-    },
-    {
-        key: ['animation-duration', '@duration'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['animation-fill-mode', '@fill-mode'],
-        colorful: false,
-        values: ['none', 'forwards', 'backwards', 'both']
-    },
-    {
-        key: ['animation-iteration-count', '@iteration-count'],
-        colorful: false,
-        values: ['infinite']
-    },
-    {
-        key: ['animation-name', '@name'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['animation-play-state', '@play-state'],
-        colorful: false,
-        values: ['running', 'paused']
-    },
-    {
-        key: ['animation-timing-function', '@easing'],
-        colorful: false,
-        values: ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end',
-            { label: 'steps(,)', kind: CompletionItemKind.Function },
-            { label: 'cubic-bezier(,,,)', kind: CompletionItemKind.Function },
-            { label: 'frames()', kind: CompletionItemKind.Function }]
-    },
-    //SVG
-    {
-        key: ['fill'],
-        colorful: true,
-        values: []
-    },
-    {
-        key: ['stroke'],
-        colorful: true,
-        values: []
-    },
-    {
-        key: ['stroke-width'],
-        colorful: false,
-        values: []
-    },
-    //VISIBILITY
-    {
-        key: ['opacity'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['visibility'],
-        colorful: false,
-        values: ['visible', 'invisible', 'collapse']
-    },
-    //EFFECT
-
-    {
-        key: ['backdrop-filter', 'bd'],
-        colorful: false,
-        values: ['none',
-            { label: 'url(svg)', kind: CompletionItemKind.Function },
-            { label: 'blur()', kind: CompletionItemKind.Function },
-            { label: 'brightness()', kind: CompletionItemKind.Function },
-            { label: 'contrast()', kind: CompletionItemKind.Function },
-            { label: 'grayscale()', kind: CompletionItemKind.Function },
-            { label: 'hue-rotate(degree)', kind: CompletionItemKind.Function },
-            { label: 'invert()', kind: CompletionItemKind.Function },
-            { label: 'sepia()', kind: CompletionItemKind.Function },
-            { label: 'saturate()', kind: CompletionItemKind.Function },
-            { label: 'opacity()', kind: CompletionItemKind.Function },
-            { label: 'drop-shadow()', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['background-blend-mode'],
-        colorful: false,
-        values: ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity']
-    },
-    {
-        key: ['box-shadow', 'shadow', 's'],
-        colorful: true,
-        values: ['inset']
-    },
-    {
-        key: ['filter'],
-        colorful: false,
-        values: ['none',
-            { label: 'url()', kind: CompletionItemKind.Function },
-            { label: 'blur()', kind: CompletionItemKind.Function },
-            { label: 'brightness()', kind: CompletionItemKind.Function },
-            { label: 'contrast()', kind: CompletionItemKind.Function },
-            { label: 'drop-shadow()', kind: CompletionItemKind.Function },
-            { label: 'grayscale()', kind: CompletionItemKind.Function },
-            { label: 'hue-rotate(degree)', kind: CompletionItemKind.Function },
-            { label: 'invert()', kind: CompletionItemKind.Function },
-            { label: 'opacity()', kind: CompletionItemKind.Function },
-            { label: 'saturate()', kind: CompletionItemKind.Function },
-            { label: 'sepia()', kind: CompletionItemKind.Function }]
-    },
-    {
-        key: ['mask-image'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['mix-blend-mode', 'blend'],
-        colorful: false,
-        values: ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity']
-    },
-    {
-        key: ['text-shadow'],
-        colorful: false,
-        values: []
-    },
-    //SCROLL
-    {
-        key: ['overscroll-behavior', 'overscroll-behavior-x', 'overscroll-behavior-y'],
-        colorful: false,
-        values: ['auto', 'none', 'contain']
-    },
-    {
-        key: ['scroll-behavior'],
-        colorful: false,
-        values: ['auto', 'smooth']
-    },
-    {
-        key: ['scroll-margin', 'scroll-m', 'scroll-margin-top', 'scroll-mt', 'scroll-margin-bottom', 'scroll-mb', 'scroll-margin-left', 'scroll-ml', 'scroll-margin-right', 'scroll-mr', 'scroll-mx', 'scroll-my'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['scroll-padding', 'scroll-p', 'scroll-padding', 'scroll-padding-top', 'scroll-pt', 'scroll-padding-bottom', 'scroll-pb', 'scroll-padding-left', 'scroll-pl', 'scroll-padding-right', 'scroll-pr', 'scroll-px', 'scroll-py'],
-        colorful: false,
-        values: []
-    },
-    {
-        key: ['scroll-snap-align', 'scroll-snap'],
-        colorful: false,
-        values: ['center', 'end', 'start', 'none']
-    },
-    {
-        key: ['scroll-snap-stop', 'scroll-snap'],
-        colorful: false,
-        values: ['always', 'normal']
-    },
-    {
-        key: ['scroll-snap-type'],
-        colorful: false,
-        values: ['none']
-    },
-    {
-        key: ['scroll-snap-type', 'scroll-snap'],
-        colorful: false,
-        values: ['x', 'y', 'both', 'block', 'inline', 'x|mandatory', 'y|proximity', 'both|mandatory']
-    },
-    //INTERACTIVITY
-
-    {
-        key: ['pointer-events'],
-        colorful: false,
-        values: ['auto', 'none', 'visiblePainted', 'visibleFill', 'visibleStroke', 'visible', 'painted', 'fill', 'stroke', 'all', 'bounding-box']
-    },
-    {
-        key: ['resize'],
-        colorful: false,
-        values: ['auto', 'none', 'both', 'horizontal', 'vertical', 'block', 'inline']
-    },
-    {
-        key: ['touch-action'],
-        colorful: false,
-        values: ['auto', 'none', 'pan-x', 'pan-left', 'pan-right', 'pan-y', 'pan-up', 'pan-down', 'pinch-zoom', 'manipulation']
-    },
-    {
-        key: ['user-drag'],
-        colorful: false,
-        values: ['auto', 'none', 'element']
-    },
-    {
-        key: ['user-select'],
-        colorful: false,
-        values: ['all', 'auto', 'none', 'text']
-    },
-    //OPTIMIZATION
-    {
-        key: ['contain'],
-        colorful: false,
-        values: ['none', 'strict', 'content', 'size', 'layout', 'style', 'paint']
-    },
-    {
-        key: ['font', 'f'],
-        colorful: false,
-        values: ['antialiased', 'subpixel-antialiased']
-    },
-    {
-        key: ['text-rendering'],
-        colorful: false,
-        values: ['auto']
-    },
-    {
-        key: ['text-rendering', 't'],
-        colorful: false,
-        values: ['optimizeSpeed', 'optimizeLegibility', 'geometricPrecision']
-    },
-    {
-        key: ['will-change'],
-        colorful: false,
-        values: []
-    },
-    //VARIABLE
-    {
-        key: ['$'],
-        colorful: false,
-        values: []
-    }
-]
-
-export const masterCssType = [
-    {
-        type: 'color',
-        values: ['#',
-            { label: 'rgb()', kind: CompletionItemKind.Function },
-            { label: 'hsl()', kind: CompletionItemKind.Function }]
-    }
-]