com.liferay.layout.util.structure.common-styles.json Maven / Gradle / Ivy
[
{
"label": "margin",
"styles": [
{
"cssProperty": "margin-top",
"cssTemplate": "margin-top: {value} !important;",
"dataType": "string",
"defaultValue": "0",
"displaySize": "small",
"inherited": true,
"label": "margin-top",
"name": "marginTop",
"responsive": true,
"responsiveTemplate": "mt{viewport}{value}",
"type": "select",
"typeOptions": {
"showLengthField": true,
"validValues": [
{
"label": "0",
"value": "0"
},
{
"label": "1",
"value": "1"
},
{
"label": "2",
"value": "2"
},
{
"label": "3",
"value": "3"
},
{
"label": "4",
"value": "4"
},
{
"label": "5",
"value": "5"
},
{
"label": "6",
"value": "6"
},
{
"label": "7",
"value": "7"
},
{
"label": "8",
"value": "8"
},
{
"label": "9",
"value": "9"
},
{
"label": "10",
"value": "10"
}
]
}
},
{
"cssProperty": "margin-bottom",
"cssTemplate": "margin-bottom: {value} !important;",
"dataType": "string",
"defaultValue": "0",
"displaySize": "small",
"inherited": true,
"label": "margin-bottom",
"name": "marginBottom",
"responsive": true,
"responsiveTemplate": "mb{viewport}{value}",
"type": "select",
"typeOptions": {
"showLengthField": true,
"validValues": [
{
"label": "0",
"value": "0"
},
{
"label": "1",
"value": "1"
},
{
"label": "2",
"value": "2"
},
{
"label": "3",
"value": "3"
},
{
"label": "4",
"value": "4"
},
{
"label": "5",
"value": "5"
},
{
"label": "6",
"value": "6"
},
{
"label": "7",
"value": "7"
},
{
"label": "8",
"value": "8"
},
{
"label": "9",
"value": "9"
},
{
"label": "10",
"value": "10"
}
]
}
},
{
"cssProperty": "margin-left",
"cssTemplate": "margin-left: {value} !important;",
"dataType": "string",
"defaultValue": "0",
"displaySize": "small",
"inherited": true,
"label": "margin-left",
"name": "marginLeft",
"responsive": true,
"responsiveTemplate": "ml{viewport}{value}",
"type": "select",
"typeOptions": {
"showLengthField": true,
"validValues": [
{
"label": "0",
"value": "0"
},
{
"label": "1",
"value": "1"
},
{
"label": "2",
"value": "2"
},
{
"label": "3",
"value": "3"
},
{
"label": "4",
"value": "4"
},
{
"label": "5",
"value": "5"
},
{
"label": "6",
"value": "6"
},
{
"label": "7",
"value": "7"
},
{
"label": "8",
"value": "8"
},
{
"label": "9",
"value": "9"
},
{
"label": "10",
"value": "10"
}
]
}
},
{
"cssProperty": "margin-right",
"cssTemplate": "margin-right: {value} !important;",
"dataType": "string",
"defaultValue": "0",
"displaySize": "small",
"inherited": true,
"label": "margin-right",
"name": "marginRight",
"responsive": true,
"responsiveTemplate": "mr{viewport}{value}",
"type": "select",
"typeOptions": {
"showLengthField": true,
"validValues": [
{
"label": "0",
"value": "0"
},
{
"label": "1",
"value": "1"
},
{
"label": "2",
"value": "2"
},
{
"label": "3",
"value": "3"
},
{
"label": "4",
"value": "4"
},
{
"label": "5",
"value": "5"
},
{
"label": "6",
"value": "6"
},
{
"label": "7",
"value": "7"
},
{
"label": "8",
"value": "8"
},
{
"label": "9",
"value": "9"
},
{
"label": "10",
"value": "10"
}
]
}
}
]
},
{
"label": "padding",
"styles": [
{
"cssProperty": "padding-top",
"cssTemplate": "padding-top: {value} !important;",
"dataType": "string",
"defaultValue": "0",
"displaySize": "small",
"inherited": true,
"label": "padding-top",
"name": "paddingTop",
"responsive": true,
"responsiveTemplate": "pt{viewport}{value}",
"type": "select",
"typeOptions": {
"showLengthField": true,
"validValues": [
{
"label": "0",
"value": "0"
},
{
"label": "1",
"value": "1"
},
{
"label": "2",
"value": "2"
},
{
"label": "3",
"value": "3"
},
{
"label": "4",
"value": "4"
},
{
"label": "5",
"value": "5"
},
{
"label": "6",
"value": "6"
},
{
"label": "7",
"value": "7"
},
{
"label": "8",
"value": "8"
},
{
"label": "9",
"value": "9"
},
{
"label": "10",
"value": "10"
}
]
}
},
{
"cssProperty": "padding-bottom",
"cssTemplate": "padding-bottom: {value} !important;",
"dataType": "string",
"defaultValue": "0",
"displaySize": "small",
"inherited": true,
"label": "padding-bottom",
"name": "paddingBottom",
"responsive": true,
"responsiveTemplate": "pb{viewport}{value}",
"type": "select",
"typeOptions": {
"showLengthField": true,
"validValues": [
{
"label": "0",
"value": "0"
},
{
"label": "1",
"value": "1"
},
{
"label": "2",
"value": "2"
},
{
"label": "3",
"value": "3"
},
{
"label": "4",
"value": "4"
},
{
"label": "5",
"value": "5"
},
{
"label": "6",
"value": "6"
},
{
"label": "7",
"value": "7"
},
{
"label": "8",
"value": "8"
},
{
"label": "9",
"value": "9"
},
{
"label": "10",
"value": "10"
}
]
}
},
{
"cssProperty": "padding-left",
"cssTemplate": "padding-left: {value} !important;",
"dataType": "string",
"defaultValue": "0",
"displaySize": "small",
"inherited": true,
"label": "padding-left",
"name": "paddingLeft",
"responsive": true,
"responsiveTemplate": "pl{viewport}{value}",
"type": "select",
"typeOptions": {
"showLengthField": true,
"validValues": [
{
"label": "0",
"value": "0"
},
{
"label": "1",
"value": "1"
},
{
"label": "2",
"value": "2"
},
{
"label": "3",
"value": "3"
},
{
"label": "4",
"value": "4"
},
{
"label": "5",
"value": "5"
},
{
"label": "6",
"value": "6"
},
{
"label": "7",
"value": "7"
},
{
"label": "8",
"value": "8"
},
{
"label": "9",
"value": "9"
},
{
"label": "10",
"value": "10"
}
]
}
},
{
"cssProperty": "padding-right",
"cssTemplate": "padding-right: {value} !important;",
"dataType": "string",
"defaultValue": "0",
"displaySize": "small",
"inherited": true,
"label": "padding-right",
"name": "paddingRight",
"responsive": true,
"responsiveTemplate": "pr{viewport}{value}",
"type": "select",
"typeOptions": {
"showLengthField": true,
"validValues": [
{
"label": "0",
"value": "0"
},
{
"label": "1",
"value": "1"
},
{
"label": "2",
"value": "2"
},
{
"label": "3",
"value": "3"
},
{
"label": "4",
"value": "4"
},
{
"label": "5",
"value": "5"
},
{
"label": "6",
"value": "6"
},
{
"label": "7",
"value": "7"
},
{
"label": "8",
"value": "8"
},
{
"label": "9",
"value": "9"
},
{
"label": "10",
"value": "10"
}
]
}
}
]
},
{
"configurationRole": "general",
"label": "frame",
"styles": [
{
"cssTemplate": "width: {value} !important;",
"dataType": "string",
"defaultValue": "",
"displaySize": "small",
"inherited": false,
"label": "width",
"name": "width",
"responsive": false,
"type": "length"
},
{
"cssTemplate": "height: {value} !important;",
"dataType": "string",
"defaultValue": "",
"displaySize": "small",
"inherited": false,
"label": "height",
"name": "height",
"responsive": false,
"type": "length"
},
{
"cssTemplate": "min-width: {value} !important;",
"dataType": "string",
"defaultValue": "",
"displaySize": "small",
"inherited": false,
"label": "min-width",
"name": "minWidth",
"responsive": false,
"type": "length"
},
{
"cssTemplate": "max-width: {value} !important;",
"dataType": "string",
"defaultValue": "",
"displaySize": "small",
"inherited": false,
"label": "max-width",
"name": "maxWidth",
"responsive": false,
"type": "length"
},
{
"cssTemplate": "min-height: {value} !important;",
"dataType": "string",
"defaultValue": "",
"displaySize": "small",
"inherited": false,
"label": "min-height",
"name": "minHeight",
"responsive": false,
"type": "length"
},
{
"cssTemplate": "max-height: {value} !important;",
"dataType": "string",
"defaultValue": "",
"displaySize": "small",
"inherited": false,
"label": "max-height",
"name": "maxHeight",
"responsive": false,
"type": "length"
},
{
"cssTemplate": "overflow: {value} !important;",
"dataType": "string",
"defaultValue": "",
"inherited": false,
"label": "overflow",
"name": "overflow",
"responsive": false,
"type": "select",
"typeOptions": {
"validValues": [
{
"label": "default",
"value": ""
},
{
"label": "visible",
"value": "visible"
},
{
"label": "hidden",
"value": "hidden"
},
{
"label": "scroll",
"value": "scroll"
},
{
"label": "auto",
"value": "auto"
}
]
}
},
{
"cssTemplate": "display: {value} !important;",
"dataType": "string",
"defaultValue": "block",
"inherited": false,
"label": "hide-fragment",
"name": "display",
"responsive": true,
"responsiveTemplate": "d{viewport}{value}",
"type": "hideFragment",
"typeOptions": {
"customValues": {
"checked": "none",
"unchecked": "block"
}
}
}
]
},
{
"label": "text",
"styles": [
{
"cssProperty": "font-family",
"cssTemplate": "font-family: {value} !important;",
"dataType": "string",
"defaultValue": "",
"icon": "font-family",
"inherited": true,
"label": "font-family",
"name": "fontFamily",
"responsive": false,
"type": "select",
"typeOptions": {
"validValues": [
{
"label": "inherited",
"value": ""
},
{
"frontendTokenName": "fontFamilySansSerif",
"label": "font-family-sans-serif",
"value": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
},
{
"frontendTokenName": "fontFamilyMonospace",
"label": "font-family-monospace",
"value": "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
},
{
"frontendTokenName": "fontFamilyBase",
"label": "font-family-base",
"value": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
}
]
}
},
{
"cssProperty": "font-weight",
"cssTemplate": "font-weight: {value} !important;",
"dataType": "string",
"defaultValue": "",
"icon": "bold",
"inherited": true,
"label": "font-weight",
"name": "fontWeight",
"responsive": false,
"type": "select",
"typeOptions": {
"validValues": [
{
"label": "inherited",
"value": ""
},
{
"frontendTokenName": "fontWeightNormal",
"label": "font-weight-normal",
"value": "400"
},
{
"frontendTokenName": "fontWeightBold",
"label": "font-weight-bold",
"value": "700"
},
{
"frontendTokenName": "fontWeightBolder",
"label": "font-weight-bolder",
"value": "900"
},
{
"frontendTokenName": "fontWeightLight",
"label": "font-weight-light",
"value": "300"
},
{
"frontendTokenName": "fontWeightLighter",
"label": "font-weight-lighter",
"value": "lighter"
}
]
}
},
{
"cssProperty": "font-size",
"cssTemplate": "font-size: {value} !important;",
"dataType": "string",
"defaultValue": "",
"icon": "font-size",
"inherited": true,
"label": "font-size",
"name": "fontSize",
"responsive": false,
"type": "select",
"typeOptions": {
"showLengthField": true,
"validValues": [
{
"label": "inherited",
"value": ""
},
{
"frontendTokenName": "fontSizeSm",
"label": "font-size-small",
"value": "0.875rem"
},
{
"frontendTokenName": "fontSizeBase",
"label": "font-size-base",
"value": "0.875rem"
},
{
"frontendTokenName": "fontSizeLg",
"label": "font-size-large",
"value": "1.125rem"
}
]
}
},
{
"cssProperty": "color",
"cssTemplate": "color: {value} !important;",
"dataType": "string",
"inherited": true,
"label": "text-color",
"name": "textColor",
"responsive": false,
"type": "colorPicker"
},
{
"cssTemplate": "text-align: {value} !important;",
"dataType": "string",
"defaultValue": "left",
"inherited": false,
"label": "text-align",
"name": "textAlign",
"responsive": true,
"responsiveTemplate": "text{viewport}{value}",
"type": "buttonGroup",
"typeOptions": {
"validValues": [
{
"icon": "align-left",
"label": "align-left",
"value": "left"
},
{
"icon": "align-center",
"label": "align-center",
"value": "center"
},
{
"icon": "align-right",
"label": "align-right",
"value": "right"
},
{
"icon": "align-justify",
"label": "justify",
"value": "justify"
}
]
}
}
]
},
{
"label": "background",
"styles": [
{
"cssProperty": "background-color",
"cssTemplate": "background-color: {value} !important;",
"dataType": "string",
"inherited": false,
"label": "background-color",
"name": "backgroundColor",
"responsive": false,
"type": "colorPicker"
},
{
"cssTemplate": "background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: {value} !important;",
"dataType": "object",
"defaultValue": {
},
"inherited": false,
"label": "background-image",
"name": "backgroundImage",
"responsive": false,
"type": "imageSelector"
}
]
},
{
"label": "borders",
"styles": [
{
"cssTemplate": "border-style: solid; border-width: {value} !important; border-width: {value}px !important;",
"dataType": "number",
"defaultValue": "0px",
"icon": "border-width",
"inherited": false,
"label": "border-width",
"name": "borderWidth",
"responsive": false,
"type": "length",
"typeOptions": {
"validation": {
"type": "number"
}
}
},
{
"cssProperty": "border-radius",
"cssTemplate": "border-radius: {value} !important;",
"dataType": "string",
"defaultValue": "0px",
"icon": "corner-radius",
"inherited": false,
"label": "border-radius",
"name": "borderRadius",
"responsive": false,
"type": "select",
"typeOptions": {
"showLengthField": true,
"validValues": [
{
"label": "default",
"value": ""
},
{
"frontendTokenName": "borderRadiusSm",
"label": "border-radius-small",
"value": "0.1875rem"
},
{
"frontendTokenName": "borderRadiusLg",
"label": "border-radius-large",
"value": "0.375rem"
},
{
"frontendTokenName": "borderRadiusCircle",
"label": "border-radius-circle",
"value": "50%"
},
{
"frontendTokenName": "roundedPill",
"label": "rounded-pill",
"value": "50rem"
}
]
}
},
{
"cssProperty": "border-color",
"cssTemplate": "border-color: {value} !important;",
"dataType": "string",
"inherited": false,
"label": "border-color",
"name": "borderColor",
"responsive": false,
"type": "colorPicker"
}
]
},
{
"label": "effects",
"styles": [
{
"cssTemplate": "opacity: {value} !important;",
"dataType": "number",
"defaultValue": "100",
"icon": "opacity",
"inherited": false,
"label": "opacity",
"name": "opacity",
"responsive": false,
"type": "length",
"typeOptions": {
"defaultUnit": "%",
"validation": {
"type": "number"
}
}
},
{
"cssProperty": "box-shadow",
"cssTemplate": "box-shadow: {value} !important;",
"dataType": "object",
"defaultValue": "none",
"icon": "shadow",
"inherited": false,
"label": "shadow",
"name": "shadow",
"responsive": false,
"type": "select",
"typeOptions": {
"validValues": [
{
"label": "default",
"value": ""
},
{
"frontendTokenName": "boxShadowSm",
"label": "box-shadow-small",
"value": "0 .125rem .25rem rgba(0, 0, 0, .075)"
},
{
"frontendTokenName": "boxShadow",
"label": "box-shadow-regular",
"value": "0 .5rem 1rem rgba(0, 0, 0, .15)"
},
{
"frontendTokenName": "boxShadowLg",
"label": "box-shadow-large",
"value": "0 1rem 3rem rgba(0, 0, 0, .175)"
}
]
}
}
]
}
]© 2015 - 2024 Weber Informatics LLC | Privacy Policy