Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
*/
export const BACKGROUND_COLOR = {
CATEGORIES: ["background-color"],
PROPERTIES: ["background", "background-color"],
};
export const BORDER_COLOR = {
CATEGORIES: ["border-color", "border", "outline"],
PROPERTIES: [
"border",
"border-color",
"outline",
"outline-color",
"border-top",
"border-right",
"border-bottom",
"border-left",
"border-top-color",
"border-right-color",
"border-bottom-color",
"border-left-color",
"border-block",
"border-block-color",
"border-block-start",
"border-block-start-color",
"border-block-end",
"border-block-end-color",
"border-inline",
"border-inline-color",
"border-inline-start",
"border-inline-start-color",
"border-inline-end",
"border-inline-end-color",
],
};
export const BORDER_RADIUS = {
CATEGORIES: ["border-radius"],
PROPERTIES: [
"border-radius",
"border-top-left-radius",
"border-top-right-radius",
"border-bottom-right-radius",
"border-bottom-left-radius",
"border-start-start-radius",
"border-start-end-radius",
"border-end-start-radius",
"border-end-end-radius",
],
};
export const BORDER_WIDTH = {
CATEGORIES: ["border-width"],
PROPERTIES: [
"border",
"border-width",
"border-top",
"border-top-width",
"border-block-start",
"border-block-start-width",
"border-right",
"border-right-width",
"border-inline-end",
"border-inline-width",
"border-bottom",
"border-bottom-width",
"border-block-end",
"border-block-end-width",
"border-left",
"border-left-width",
"border-inline-start",
"border-inline-start-width",
"outline",
"outline-width",
],
};
export const FONT_SIZE = {
CATEGORIES: ["font-size", "heading-font"],
PROPERTIES: ["font-size", "font"],
};
export const FONT_WEIGHT = {
CATEGORIES: ["font-weight"],
PROPERTIES: ["font-weight", "font"],
};
export const ICON_COLOR = {
CATEGORIES: ["icon-color"],
PROPERTIES: ["color", "fill", "stroke"],
};
export const SIZE = {
CATEGORIES: ["size", "icon-size"],
PROPERTIES: [
"width",
"min-width",
"max-width",
"height",
"min-height",
"max-height",
"inline-size",
"min-inline-size",
"max-inline-size",
"block-size",
"min-block-size",
"max-block-size",
"inset",
"inset-block",
"inset-block-end",
"inset-block-start",
"inset-inline",
"inset-inline-end",
"inset-inline-start",
"flex",
"flex-basis",
"grid",
"grid-template-rows",
"grid-template-columns",
"grid-auto-rows",
"grid-auto-columns",
"background-size",
"transform",
],
};
export const OPACITY = {
CATEGORIES: ["opacity"],
PROPERTIES: ["opacity"],
};
export const SPACE = {
CATEGORIES: ["space"],
PROPERTIES: [
"margin",
"margin-top",
"margin-right",
"margin-bottom",
"margin-left",
"margin-block",
"margin-block-start",
"margin-block-end",
"margin-inline",
"margin-inline-start",
"margin-inline-end",
"padding",
"padding-top",
"padding-right",
"padding-bottom",
"padding-left",
"padding-block",
"padding-block-start",
"padding-block-end",
"padding-inline",
"padding-inline-start",
"padding-inline-end",
"inset",
"inset-block",
"inset-block-end",
"inset-block-start",
"inset-inline",
"inset-inline-end",
"inset-inline-start",
"gap",
"row-gap",
"column-gap",
"scroll-margin",
"scroll-margin-top",
"scroll-margin-right",
"scroll-margin-bottom",
"scroll-margin-left",
"scroll-margin-block",
"scroll-margin-block-start",
"scroll-margin-block-end",
"scroll-margin-inline",
"scroll-margin-inline-start",
"scroll-margin-inline-end",
"scroll-padding",
"scroll-padding-top",
"scroll-padding-right",
"scroll-padding-bottom",
"scroll-padding-left",
"scroll-padding-block",
"scroll-padding-block-start",
"scroll-padding-block-end",
"scroll-padding-inline",
"scroll-padding-inline-start",
"scroll-padding-inline-end",
"border-spacing",
],
};
export const TEXT_COLOR = {
CATEGORIES: ["text-color", "link"],
PROPERTIES: ["color", "fill", "stroke"],
};
export const BOX_SHADOW = {
CATEGORIES: ["box-shadow"],
PROPERTIES: ["box-shadow", "filter", "backdrop-filter"],
};