on-codemerge
Version:
A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product
29 lines (28 loc) • 686 B
JavaScript
import { TokenType as e } from "../../../types.mjs";
const s = {
name: "css",
patterns: {
[e.Comment]: /^\/\*[\s\S]*?\*\//,
[e.Selector]: /^[.#]?[\w-]+(?:\[[^\]]+\]|\:{1,2}[\w-]+)*(?=\s*\{)/,
[e.Property]: /^[-\w]+(?=\s*:)/,
[e.Value]: /^:[^;]+/,
[e.String]: /^(['"])(?:\\[\s\S]|(?!\1)[^\\])*\1/,
[e.Unit]: /^\b\d+(?:px|em|rem|%|vh|vw|deg|s|ms)?\b/,
[e.Color]: /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})\b/,
[e.Punctuation]: /^[{};:]/
},
keywords: [
"important",
"@media",
"@keyframes",
"@import",
"@charset",
"@supports",
"@page",
"@namespace",
"@font-face"
]
};
export {
s as cssDefinition
};