vuetify-tailwind-utility-bridge
Version:
A Tailwind CSS plugin to bring Vuetify utility classes for autocomplete and migration use cases.
1,434 lines (1,433 loc) • 46.2 kB
TypeScript
export declare const vuetifyUtilities: readonly [{
readonly key: "overflow";
readonly props: {
readonly property: "overflow";
readonly values: "auto hidden visible scroll";
};
}, {
readonly key: "overflow-x";
readonly props: {
readonly property: "overflow-x";
readonly values: "auto hidden scroll";
};
}, {
readonly key: "overflow-y";
readonly props: {
readonly property: "overflow-y";
readonly values: "auto hidden scroll";
};
}, {
readonly key: "display";
readonly props: {
readonly responsive: "true";
readonly print: "true";
readonly property: "display";
readonly class: "d";
readonly values: "none inline inline-block block table table-row table-cell flex inline-flex";
};
}, {
readonly key: "float";
readonly props: {
readonly responsive: "true";
readonly print: "true";
readonly property: "float";
readonly class: "float";
readonly values: "none left right";
};
}, {
readonly key: "float:rtl";
readonly props: {
readonly responsive: "true";
readonly print: "true";
readonly property: "float";
readonly class: "float";
readonly values: {
readonly end: "left";
readonly start: "right";
};
};
}, {
readonly key: "float:ltr";
readonly props: {
readonly responsive: "true";
readonly print: "true";
readonly property: "float";
readonly class: "float";
readonly values: {
readonly end: "right";
readonly start: "left";
};
};
}, {
readonly key: "flex";
readonly props: {
readonly responsive: "true";
readonly property: "flex";
readonly values: {
readonly fill: "1 1 auto";
readonly '1-1': "1 1 auto";
readonly '1-0': "1 0 auto";
readonly '0-1': "0 1 auto";
readonly '0-0': "0 0 auto";
readonly '1-1-100': "1 1 100%";
readonly '1-0-100': "1 0 100%";
readonly '0-1-100': "0 1 100%";
readonly '0-0-100': "0 0 100%";
readonly '1-1-0': "1 1 0";
readonly '1-0-0': "1 0 0";
readonly '0-1-0': "0 1 0";
readonly '0-0-0': "0 0 0";
};
};
}, {
readonly key: "flex-direction";
readonly props: {
readonly responsive: "true";
readonly property: "flex-direction";
readonly class: "flex";
readonly values: "row column row-reverse column-reverse";
};
}, {
readonly key: "flex-grow";
readonly props: {
readonly responsive: "true";
readonly property: "flex-grow";
readonly class: "flex";
readonly values: {
readonly 'grow-0': "0";
readonly 'grow-1': "1";
};
};
}, {
readonly key: "flex-shrink";
readonly props: {
readonly responsive: "true";
readonly property: "flex-shrink";
readonly class: "flex";
readonly values: {
readonly 'shrink-0': "0";
readonly 'shrink-1': "1";
};
};
}, {
readonly key: "flex-wrap";
readonly props: {
readonly responsive: "true";
readonly property: "flex-wrap";
readonly class: "flex";
readonly values: "wrap nowrap wrap-reverse";
};
}, {
readonly key: "justify-content";
readonly props: {
readonly responsive: "true";
readonly property: "justify-content";
readonly class: "justify";
readonly values: {
readonly start: "flex-start";
readonly end: "flex-end";
readonly center: "center";
readonly 'space-between': "space-between";
readonly 'space-around': "space-around";
readonly 'space-evenly': "space-evenly";
};
};
}, {
readonly key: "align-items";
readonly props: {
readonly responsive: "true";
readonly property: "align-items";
readonly class: "align";
readonly values: {
readonly start: "flex-start";
readonly end: "flex-end";
readonly center: "center";
readonly baseline: "baseline";
readonly stretch: "stretch";
};
};
}, {
readonly key: "align-content";
readonly props: {
readonly responsive: "true";
readonly property: "align-content";
readonly values: {
readonly start: "flex-start";
readonly end: "flex-end";
readonly center: "center";
readonly 'space-between': "space-between";
readonly 'space-around': "space-around";
readonly 'space-evenly': "space-evenly";
readonly stretch: "stretch";
};
};
}, {
readonly key: "align-self";
readonly props: {
readonly responsive: "true";
readonly property: "align-self";
readonly values: {
readonly auto: "auto";
readonly start: "flex-start";
readonly end: "flex-end";
readonly center: "center";
readonly baseline: "baseline";
readonly stretch: "stretch";
};
};
}, {
readonly key: "order";
readonly props: {
readonly responsive: "true";
readonly property: "order";
readonly values: {
readonly '0': "0";
readonly '1': "1";
readonly '2': "2";
readonly '3': "3";
readonly '4': "4";
readonly '5': "5";
readonly '6': "6";
readonly '7': "7";
readonly '8': "8";
readonly '9': "9";
readonly '10': "10";
readonly '11': "11";
readonly '12': "12";
readonly first: "-1";
readonly last: "13";
};
};
}, {
readonly key: "gap";
readonly props: {
readonly responsive: "true";
readonly property: "gap";
readonly class: "ga";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "gap-row";
readonly props: {
readonly responsive: "true";
readonly property: "row-gap";
readonly class: "gr";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "gap-column";
readonly props: {
readonly responsive: "true";
readonly property: "column-gap";
readonly class: "gc";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "margin";
readonly props: {
readonly responsive: "true";
readonly property: "margin";
readonly class: "ma";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "margin-x";
readonly props: {
readonly responsive: "true";
readonly property: "margin-right margin-left";
readonly class: "mx";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "margin-y";
readonly props: {
readonly responsive: "true";
readonly property: "margin-top margin-bottom";
readonly class: "my";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "margin-top";
readonly props: {
readonly responsive: "true";
readonly property: "margin-top";
readonly class: "mt";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "margin-right";
readonly props: {
readonly responsive: "true";
readonly property: "margin-right";
readonly class: "mr";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "margin-bottom";
readonly props: {
readonly responsive: "true";
readonly property: "margin-bottom";
readonly class: "mb";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "margin-left";
readonly props: {
readonly responsive: "true";
readonly property: "margin-left";
readonly class: "ml";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "margin-start";
readonly props: {
readonly responsive: "true";
readonly property: "margin-inline-start";
readonly class: "ms";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "margin-end";
readonly props: {
readonly responsive: "true";
readonly property: "margin-inline-end";
readonly class: "me";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
readonly auto: "auto";
};
};
}, {
readonly key: "negative-margin";
readonly props: {
readonly responsive: "true";
readonly property: "margin";
readonly class: "ma";
readonly values: {
readonly n1: "-4px";
readonly n2: "-8px";
readonly n3: "-12px";
readonly n4: "-16px";
readonly n5: "-20px";
readonly n6: "-24px";
readonly n7: "-28px";
readonly n8: "-32px";
readonly n9: "-36px";
readonly n10: "-40px";
readonly n11: "-44px";
readonly n12: "-48px";
readonly n13: "-52px";
readonly n14: "-56px";
readonly n15: "-60px";
readonly n16: "-64px";
};
};
}, {
readonly key: "negative-margin-x";
readonly props: {
readonly responsive: "true";
readonly property: "margin-right margin-left";
readonly class: "mx";
readonly values: {
readonly n1: "-4px";
readonly n2: "-8px";
readonly n3: "-12px";
readonly n4: "-16px";
readonly n5: "-20px";
readonly n6: "-24px";
readonly n7: "-28px";
readonly n8: "-32px";
readonly n9: "-36px";
readonly n10: "-40px";
readonly n11: "-44px";
readonly n12: "-48px";
readonly n13: "-52px";
readonly n14: "-56px";
readonly n15: "-60px";
readonly n16: "-64px";
};
};
}, {
readonly key: "negative-margin-y";
readonly props: {
readonly responsive: "true";
readonly property: "margin-top margin-bottom";
readonly class: "my";
readonly values: {
readonly n1: "-4px";
readonly n2: "-8px";
readonly n3: "-12px";
readonly n4: "-16px";
readonly n5: "-20px";
readonly n6: "-24px";
readonly n7: "-28px";
readonly n8: "-32px";
readonly n9: "-36px";
readonly n10: "-40px";
readonly n11: "-44px";
readonly n12: "-48px";
readonly n13: "-52px";
readonly n14: "-56px";
readonly n15: "-60px";
readonly n16: "-64px";
};
};
}, {
readonly key: "negative-margin-top";
readonly props: {
readonly responsive: "true";
readonly property: "margin-top";
readonly class: "mt";
readonly values: {
readonly n1: "-4px";
readonly n2: "-8px";
readonly n3: "-12px";
readonly n4: "-16px";
readonly n5: "-20px";
readonly n6: "-24px";
readonly n7: "-28px";
readonly n8: "-32px";
readonly n9: "-36px";
readonly n10: "-40px";
readonly n11: "-44px";
readonly n12: "-48px";
readonly n13: "-52px";
readonly n14: "-56px";
readonly n15: "-60px";
readonly n16: "-64px";
};
};
}, {
readonly key: "negative-margin-right";
readonly props: {
readonly responsive: "true";
readonly property: "margin-right";
readonly class: "mr";
readonly values: {
readonly n1: "-4px";
readonly n2: "-8px";
readonly n3: "-12px";
readonly n4: "-16px";
readonly n5: "-20px";
readonly n6: "-24px";
readonly n7: "-28px";
readonly n8: "-32px";
readonly n9: "-36px";
readonly n10: "-40px";
readonly n11: "-44px";
readonly n12: "-48px";
readonly n13: "-52px";
readonly n14: "-56px";
readonly n15: "-60px";
readonly n16: "-64px";
};
};
}, {
readonly key: "negative-margin-bottom";
readonly props: {
readonly responsive: "true";
readonly property: "margin-bottom";
readonly class: "mb";
readonly values: {
readonly n1: "-4px";
readonly n2: "-8px";
readonly n3: "-12px";
readonly n4: "-16px";
readonly n5: "-20px";
readonly n6: "-24px";
readonly n7: "-28px";
readonly n8: "-32px";
readonly n9: "-36px";
readonly n10: "-40px";
readonly n11: "-44px";
readonly n12: "-48px";
readonly n13: "-52px";
readonly n14: "-56px";
readonly n15: "-60px";
readonly n16: "-64px";
};
};
}, {
readonly key: "negative-margin-left";
readonly props: {
readonly responsive: "true";
readonly property: "margin-left";
readonly class: "ml";
readonly values: {
readonly n1: "-4px";
readonly n2: "-8px";
readonly n3: "-12px";
readonly n4: "-16px";
readonly n5: "-20px";
readonly n6: "-24px";
readonly n7: "-28px";
readonly n8: "-32px";
readonly n9: "-36px";
readonly n10: "-40px";
readonly n11: "-44px";
readonly n12: "-48px";
readonly n13: "-52px";
readonly n14: "-56px";
readonly n15: "-60px";
readonly n16: "-64px";
};
};
}, {
readonly key: "negative-margin-start";
readonly props: {
readonly responsive: "true";
readonly property: "margin-inline-start";
readonly class: "ms";
readonly values: {
readonly n1: "-4px";
readonly n2: "-8px";
readonly n3: "-12px";
readonly n4: "-16px";
readonly n5: "-20px";
readonly n6: "-24px";
readonly n7: "-28px";
readonly n8: "-32px";
readonly n9: "-36px";
readonly n10: "-40px";
readonly n11: "-44px";
readonly n12: "-48px";
readonly n13: "-52px";
readonly n14: "-56px";
readonly n15: "-60px";
readonly n16: "-64px";
};
};
}, {
readonly key: "negative-margin-end";
readonly props: {
readonly responsive: "true";
readonly property: "margin-inline-end";
readonly class: "me";
readonly values: {
readonly n1: "-4px";
readonly n2: "-8px";
readonly n3: "-12px";
readonly n4: "-16px";
readonly n5: "-20px";
readonly n6: "-24px";
readonly n7: "-28px";
readonly n8: "-32px";
readonly n9: "-36px";
readonly n10: "-40px";
readonly n11: "-44px";
readonly n12: "-48px";
readonly n13: "-52px";
readonly n14: "-56px";
readonly n15: "-60px";
readonly n16: "-64px";
};
};
}, {
readonly key: "padding";
readonly props: {
readonly responsive: "true";
readonly property: "padding";
readonly class: "pa";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
};
};
}, {
readonly key: "padding-x";
readonly props: {
readonly responsive: "true";
readonly property: "padding-right padding-left";
readonly class: "px";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
};
};
}, {
readonly key: "padding-y";
readonly props: {
readonly responsive: "true";
readonly property: "padding-top padding-bottom";
readonly class: "py";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
};
};
}, {
readonly key: "padding-top";
readonly props: {
readonly responsive: "true";
readonly property: "padding-top";
readonly class: "pt";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
};
};
}, {
readonly key: "padding-right";
readonly props: {
readonly responsive: "true";
readonly property: "padding-right";
readonly class: "pr";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
};
};
}, {
readonly key: "padding-bottom";
readonly props: {
readonly responsive: "true";
readonly property: "padding-bottom";
readonly class: "pb";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
};
};
}, {
readonly key: "padding-left";
readonly props: {
readonly responsive: "true";
readonly property: "padding-left";
readonly class: "pl";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
};
};
}, {
readonly key: "padding-start";
readonly props: {
readonly responsive: "true";
readonly property: "padding-inline-start";
readonly class: "ps";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
};
};
}, {
readonly key: "padding-end";
readonly props: {
readonly responsive: "true";
readonly property: "padding-inline-end";
readonly class: "pe";
readonly values: {
readonly '0': "0px";
readonly '1': "4px";
readonly '2': "8px";
readonly '3': "12px";
readonly '4': "16px";
readonly '5': "20px";
readonly '6': "24px";
readonly '7': "28px";
readonly '8': "32px";
readonly '9': "36px";
readonly '10': "40px";
readonly '11': "44px";
readonly '12': "48px";
readonly '13': "52px";
readonly '14': "56px";
readonly '15': "60px";
readonly '16': "64px";
};
};
}, {
readonly key: "rounded";
readonly props: {
readonly property: "border-radius";
readonly class: "rounded";
readonly values: {
readonly '0': "0";
readonly sm: "2px";
readonly null: "4px";
readonly lg: "8px";
readonly xl: "24px";
readonly pill: "9999px";
readonly circle: "50%";
readonly shaped: "24px 0";
};
};
}, {
readonly key: "rounded-top";
readonly props: {
readonly property: "border-top-left-radius border-top-right-radius";
readonly class: "rounded-t";
readonly values: {
readonly '0': "0";
readonly sm: "2px";
readonly null: "4px";
readonly lg: "8px";
readonly xl: "24px";
readonly pill: "9999px";
readonly circle: "50%";
readonly shaped: "24px 0";
};
};
}, {
readonly key: "rounded-bottom";
readonly props: {
readonly property: "border-bottom-left-radius border-bottom-right-radius";
readonly class: "rounded-b";
readonly values: {
readonly '0': "0";
readonly sm: "2px";
readonly null: "4px";
readonly lg: "8px";
readonly xl: "24px";
readonly pill: "9999px";
readonly circle: "50%";
readonly shaped: "24px 0";
};
};
}, {
readonly key: "border";
readonly props: {
readonly property: "border-width border-style border-color";
readonly class: "border";
readonly values: {
readonly '0': "0 solid rgba(var(--v-border-color)";
readonly null: "thin solid rgba(var(--v-border-color)";
readonly thin: "thin solid rgba(var(--v-border-color)";
readonly sm: "1px solid rgba(var(--v-border-color)";
readonly md: "2px solid rgba(var(--v-border-color)";
readonly lg: "4px solid rgba(var(--v-border-color)";
readonly xl: "8px solid rgba(var(--v-border-color)";
};
};
}, {
readonly key: "border-current";
readonly props: {
readonly property: "border-color";
readonly class: "border";
readonly values: {
readonly current: "currentColor";
};
};
}, {
readonly key: "border-opacity";
readonly props: {
readonly property: "--v-border-opacity";
readonly class: "border-opacity";
readonly values: {
readonly '0': "0";
readonly '25': "0.25";
readonly '50': "0.5";
readonly '75': "0.75";
readonly '100': "1";
readonly null: "0.12";
};
};
}, {
readonly key: "border-top";
readonly props: {
readonly property: "border-block-start-width border-block-start-style border-block-start-color";
readonly class: "border-t";
readonly values: {
readonly '0': "0 solid rgba(var(--v-border-color)";
readonly null: "thin solid rgba(var(--v-border-color)";
readonly thin: "thin solid rgba(var(--v-border-color)";
readonly sm: "1px solid rgba(var(--v-border-color)";
readonly md: "2px solid rgba(var(--v-border-color)";
readonly lg: "4px solid rgba(var(--v-border-color)";
readonly xl: "8px solid rgba(var(--v-border-color)";
};
};
}, {
readonly key: "border-end";
readonly props: {
readonly property: "border-inline-end-width border-inline-end-style border-inline-end-color";
readonly class: "border-e";
readonly values: {
readonly '0': "0 solid rgba(var(--v-border-color)";
readonly null: "thin solid rgba(var(--v-border-color)";
readonly thin: "thin solid rgba(var(--v-border-color)";
readonly sm: "1px solid rgba(var(--v-border-color)";
readonly md: "2px solid rgba(var(--v-border-color)";
readonly lg: "4px solid rgba(var(--v-border-color)";
readonly xl: "8px solid rgba(var(--v-border-color)";
};
};
}, {
readonly key: "border-bottom";
readonly props: {
readonly property: "border-block-end-width border-block-end-style border-block-end-color";
readonly class: "border-b";
readonly values: {
readonly '0': "0 solid rgba(var(--v-border-color)";
readonly null: "thin solid rgba(var(--v-border-color)";
readonly thin: "thin solid rgba(var(--v-border-color)";
readonly sm: "1px solid rgba(var(--v-border-color)";
readonly md: "2px solid rgba(var(--v-border-color)";
readonly lg: "4px solid rgba(var(--v-border-color)";
readonly xl: "8px solid rgba(var(--v-border-color)";
};
};
}, {
readonly key: "border-start";
readonly props: {
readonly property: "border-inline-start-width border-inline-start-style border-inline-start-color";
readonly class: "border-s";
readonly values: {
readonly '0': "0 solid rgba(var(--v-border-color)";
readonly null: "thin solid rgba(var(--v-border-color)";
readonly thin: "thin solid rgba(var(--v-border-color)";
readonly sm: "1px solid rgba(var(--v-border-color)";
readonly md: "2px solid rgba(var(--v-border-color)";
readonly lg: "4px solid rgba(var(--v-border-color)";
readonly xl: "8px solid rgba(var(--v-border-color)";
};
};
}, {
readonly key: "border-style";
readonly props: {
readonly property: "border-style";
readonly class: "border";
readonly values: "solid dashed dotted double none";
};
}, {
readonly key: "text-align";
readonly props: {
readonly responsive: "true";
readonly property: "text-align";
readonly class: "text";
readonly values: "left right center justify start end";
};
}, {
readonly key: "text-decoration";
readonly props: {
readonly property: "text-decoration";
readonly class: "text-decoration";
readonly values: "line-through none overline underline";
};
}, {
readonly key: "white-space";
readonly props: {
readonly property: "white-space";
readonly class: "text";
readonly values: {
readonly wrap: "normal";
readonly 'no-wrap': "nowrap";
readonly pre: "pre";
readonly 'pre-line': "pre-line";
readonly 'pre-wrap': "pre-wrap";
};
};
}, {
readonly key: "opacity";
readonly props: {
readonly property: "opacity";
readonly class: "opacity";
readonly values: {
readonly '0': "0";
readonly '10': "0.1";
readonly '20': "0.2";
readonly '30': "0.3";
readonly '40': "0.4";
readonly '50': "0.5";
readonly '60': "0.6";
readonly '70': "0.7";
readonly '80': "0.8";
readonly '90': "0.9";
readonly '100': "1";
readonly hover: "var(--v-hover-opacity)";
readonly focus: "var(--v-focus-opacity)";
readonly selected: "var(--v-selected-opacity)";
readonly activated: "var(--v-activated-opacity)";
readonly pressed: "var(--v-pressed-opacity)";
readonly dragged: "var(--v-dragged-opacity)";
};
};
}, {
readonly key: "typography";
readonly props: {
readonly responsive: "true";
readonly class: "text";
readonly property: "(\n font-size,\n font-weight,\n line-height,\n letter-spacing,\n font-family,\n text-transform";
readonly values: {
readonly h1: {
readonly 'font-size': "6rem";
readonly 'font-weight': 300;
readonly 'line-height': 1;
readonly 'letter-spacing': "-0.015625em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly h2: {
readonly 'font-size': "3.75rem";
readonly 'font-weight': 300;
readonly 'line-height': 1;
readonly 'letter-spacing': "-0.0083333333em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly h3: {
readonly 'font-size': "3rem";
readonly 'font-weight': 400;
readonly 'line-height': 1.05;
readonly 'letter-spacing': "normal";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly h4: {
readonly 'font-size': "2.125rem";
readonly 'font-weight': 400;
readonly 'line-height': 1.175;
readonly 'letter-spacing': "0.0073529412em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly h5: {
readonly 'font-size': "1.5rem";
readonly 'font-weight': 400;
readonly 'line-height': 1.333;
readonly 'letter-spacing': "normal";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly h6: {
readonly 'font-size': "1.25rem";
readonly 'font-weight': 500;
readonly 'line-height': 1.6;
readonly 'letter-spacing': "0.0125em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly 'subtitle-1': {
readonly 'font-size': "1rem";
readonly 'font-weight': "normal";
readonly 'line-height': 1.75;
readonly 'letter-spacing': "0.009375em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly 'subtitle-2': {
readonly 'font-size': "0.875rem";
readonly 'font-weight': 500;
readonly 'line-height': 1.6;
readonly 'letter-spacing': "0.0071428571em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly 'body-1': {
readonly 'font-size': "1rem";
readonly 'font-weight': 400;
readonly 'line-height': 1.5;
readonly 'letter-spacing': "0.03125em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly 'body-2': {
readonly 'font-size': "0.875rem";
readonly 'font-weight': 400;
readonly 'line-height': 1.425;
readonly 'letter-spacing': "0.0178571429em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly button: {
readonly 'font-size': "0.875rem";
readonly 'font-weight': 500;
readonly 'line-height': 2.6;
readonly 'letter-spacing': "0.0892857143em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "uppercase";
};
readonly caption: {
readonly 'font-size': "0.75rem";
readonly 'font-weight': 400;
readonly 'line-height': 1.667;
readonly 'letter-spacing': "0.0333333333em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "none";
};
readonly overline: {
readonly 'font-size': "0.75rem";
readonly 'font-weight': 500;
readonly 'line-height': 2.667;
readonly 'letter-spacing': "0.1666666667em";
readonly 'font-family': readonly ["Roboto", "sans-serif"];
readonly 'text-transform': "uppercase";
};
};
};
}, {
readonly key: "text-transform";
readonly props: {
readonly property: "text-transform";
readonly class: "text";
readonly values: "none capitalize lowercase uppercase";
};
}, {
readonly key: "font-weight";
readonly props: {
readonly property: "font-weight";
readonly class: "font-weight";
readonly values: {
readonly thin: "100";
readonly light: "300";
readonly regular: "400";
readonly medium: "500";
readonly bold: "700";
readonly black: "900";
};
};
}, {
readonly key: "font-italic";
readonly props: {
readonly property: "font-style";
readonly class: "font";
readonly values: "italic";
};
}, {
readonly key: "text-mono";
readonly props: {
readonly property: "font-family";
readonly class: "text";
readonly values: {
readonly mono: "monospace";
};
};
}, {
readonly key: "position";
readonly props: {
readonly property: "position";
readonly class: "position";
readonly values: "static relative fixed absolute sticky";
};
}, {
readonly key: "top";
readonly props: {
readonly property: "top";
readonly class: "top";
readonly values: "0";
};
}, {
readonly key: "right";
readonly props: {
readonly property: "right";
readonly class: "right";
readonly values: "0";
};
}, {
readonly key: "bottom";
readonly props: {
readonly property: "bottom";
readonly class: "bottom";
readonly values: "0";
};
}, {
readonly key: "left";
readonly props: {
readonly property: "left";
readonly class: "left";
readonly values: "0";
};
}, {
readonly key: "cursor";
readonly props: {
readonly property: "cursor";
readonly class: "cursor";
readonly values: "auto default pointer wait text move help not-allowed progress grab grabbing none";
};
}, {
readonly key: "fill-height";
readonly props: {
readonly property: "height";
readonly class: "fill";
readonly values: {
readonly height: "100%";
};
};
}, {
readonly key: "height";
readonly props: {
readonly property: "height";
readonly responsive: "true";
readonly class: "h";
readonly values: {
readonly '0': "0";
readonly '25': "25%";
readonly '50': "50%";
readonly '75': "75%";
readonly '100': "100%";
readonly auto: "auto";
readonly screen: "100vh";
};
};
}, {
readonly key: "height-screen";
readonly props: {
readonly property: "height";
readonly class: "h";
readonly values: {
readonly screen: "100dvh";
};
};
}, {
readonly key: "width";
readonly props: {
readonly property: "width";
readonly responsive: "true";
readonly class: "w";
readonly values: {
readonly '0': "0";
readonly '25': "25%";
readonly '33': "33%";
readonly '50': "50%";
readonly '66': "66%";
readonly '75': "75%";
readonly '100': "100%";
readonly auto: "auto";
};
};
}];