-
Hey Hey, just figured I'd share a growing (in dev) list of editable options and CSS selectors. In case anyone wanted to get into the dev side of things. *Note, to add the 'dropdown's to x HTML element add it to the corresponding array, then rebuild web pack.
`
(function() {
"use strict";
module.exports.pageContainer = "#page";
module.exports.bodyPaddingClass = "bPadding";
module.exports.editableItems = {
'span.fa, i.fa': ['color', 'font-size'],
'.bg.bg1': ['background-color'],
'nav a': ['color', 'font-weight', 'text-transform'],
'img': ['border-top-left-radius', 'border-top-right-radius', 'border-bottom-left-radius', 'border-bottom-right-radius', 'border-color', 'border-style', 'border-width', 'border-image-repeat-style', 'alt', 'height', 'ismap', 'longdesc', 'src', 'usemap', 'width', 'background-repeat-style'],
'hr.dashed': ['border-color', 'border-width'],
'.divider > span': ['color', 'font-size'],
'hr.shadowDown': ['margin-top', 'margin-bottom'],
'ul > li > a': ['color'],
'.social a': ['color'],
'.bg.bg1, .bg.bg2, .header10, .header11': ['background-image', 'background-color'],
'.frameCover': [],
'#pricing_table2 .pricing2 .bottom li': ['content'],
'a.btn, button.btn': ['margin-top', 'margin-bottom', 'btn-style', 'btn-size', 'btn-block'],
'*[data-container="button"] > .btn': ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'],
'*[data-container="divider"] > hr': ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'],
'*[data-container="form"] > form': ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'],
'*[data-component="heading"] > *': ['font-size', 'color', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'text-align'],
'*[data-component="icon"] > span.fa, *[data-component="icon"] > a > span.fa': ['font-size', 'color', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right'],
'*[data-component="image"] > img, *[data-component="image"] > a img': ['margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'image-style'],
'*[data-component="text"] > *': ['font-size', 'color', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'text-align'],
'*[data-component="video"] > .videoWrapper': ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'],
'*[data-component="list"] > ul': ['margin-top', 'margin-bottom'],
'*[data-component="list"] > ul > li': ['margin-top', 'margin-bottom'],
'.inline-wrapper': ['inline-position'],
'*[data-component="grid"]': ['margin-top', 'margin-bottom'],
'form': ['margin-top', 'margin-bottom', 'accept-charset', 'action', 'autocomplete', 'enctype', 'method', 'name', 'novalidate', 'target'],
'nav': ['navbar-style', 'navbar-alignment', 'margin-top', 'margin-bottom'],
'.bloxby-bg-styler': ['bloxby-bg-styler-padding', 'bloxby-border-radius', 'bloxby-bg', 'bloxby-border', 'background-image', 'background-color'],
'ul[class*="social-"]': ['social-list-size', 'list-align'],
'*[data-component="map"] .mapOverlay': ['height', 'margin-top', 'margin-bottom'],
'.block': ['background-color', 'background-color-overlay', 'background-image', 'padding-top', 'padding-bottom', 'background-position', 'parallax'],
'.navbar-brand img': ['margin-left', 'margin-right', 'height'],
'.bloxby-block-background, .background-cover': ['background-color', 'background-image', 'padding-top', 'padding-bottom', 'background-position'],
'.bloxby-content-background': ['background-color'],
'a': ['href', 'hreflang', 'media', 'rel', 'target', 'type'],
'abbr': [],
'address': [],
'area': ['alt', 'coords', 'href', 'hreflang', 'media', 'rel', 'shape', 'target', 'type'],
'article': [],
'aside': [],
'audio': ['autoplay', 'controls', 'loop', 'mediagroup', 'muted', 'preload', 'src'],
'b': [],
'base': ['href', 'target'],
'bdi': [],
'bdo': [],
'big': [],
'blockquote': ['cite'],
'br': [],
'button': ['autofocus', 'disabled', 'form', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget',
'name', 'type', 'value'
],
'canvas': ['height', 'width'],
'caption': [],
'cite': [],
'code': [],
'col': ['span'],
'colgroup': ['span'],
'command': ['checked', 'disabled', 'icon', 'label', 'radiogroup', 'type'],
'datalist': [],
'dd': [],
'del': ['cite', 'datetime'],
'details': ['open'],
'dfn': [],
'dialog': ['open'],
'div': [],
'dl': [],
'dt': [],
'em': [],
'embed': ['height', 'src', 'type', 'width'],
'fieldset': ['disabled', 'form', 'name'],
'figcaption': [],
'figure': [],
'footer': [],
'h1': [],
'h2': [],
'h3': [],
'h4': [],
'h5': [],
'h6': [],
'head': [],
'header': [],
'hgroup': [],
'hr': [],
'i': [],
'iframe': ['height', 'name', 'sandbox', 'seamless', 'src', 'srcdoc', 'width'],
'ilayer': [],
'input': ['accept', 'alt', 'autocomplete', 'autofocus', 'checked', 'dirname', 'disabled', 'form', 'formaction', 'formenctype', 'formmethod',
'formnovalidate', 'formtarget', 'height', 'list', 'max', 'maxlength', 'min', 'multiple', 'name', 'pattern', 'placeholder', 'readonly',
'required', 'size', 'src', 'step', 'type', 'value', 'width'
],
'ins': ['cite', 'datetime'],
'kbd': [],
'keygen': ['autofocus', 'challenge', 'disabled', 'form', 'keytype', 'name'],
'label': ['for', 'form'],
'legend': [],
'link': ['disabled', 'href', 'hreflang', 'media', 'rel', 'sizes', 'type'],
'main': [],
'map': ['name'],
'mark': [],
'marquee': ['align', 'behavior', 'bgcolor', 'direction', 'height', 'hspace', 'loop', 'scrollamount', 'scrolldelay', 'truespeed', 'vspace', 'width'],
'menu': ['label', 'type'],
'meta': ['charset', 'content', 'http-equiv', 'name'],
'meter': ['form', 'high', 'low', 'max', 'min', 'optimum', 'value'],
'nav': [],
'object': ['archive', 'codebase', 'codetype', 'data', 'declare', 'form', 'height', 'name', 'standby', 'type', 'usemap', 'width'],
'ol': ['reversed', 'start', 'type'],
'optgroup': ['disabled', 'label'],
'option': ['disabled', 'label', 'selected', 'value'],
'output': ['for', 'form', 'name'],
'p': [],
'param': ['name', 'value'],
'pre': [],
'progress': ['form', 'max', 'value'],
'q': ['cite'],
'rp': [],
'rt': [],
'ruby': [],
'samp': [],
'script': ['async', 'charset', 'defer', 'src', 'type'],
'section': [],
'select': ['autofocus', 'disabled', 'form', 'multiple', 'name', 'required', 'size'],
'small': [],
'source': ['media', 'src', 'type'],
'span': [],
'strong': [],
'style': ['disabled', 'media', 'scoped', 'type'],
'sub': [],
'summary': [],
'sup': [],
'table': ['border'],
'tbody': [],
'td': ['colspan', 'headers', 'rowspan'],
'template': ['content'],
'textarea': ['autofocus', 'cols', 'dirname', 'disabled', 'form', 'label', 'maxlength', 'name', 'placeholder', 'readonly', 'required', 'rows', 'wrap'],
'tfoot': [],
'th': ['colspan', 'headers', 'rowspan', 'scope'],
'thead': [],
'time': ['datetime', 'pubdate'],
'title': [],
'tr': [],
'track': ['default', 'kind', 'label', 'src', 'srclang'],
'tt': [],
'ul': [],
'var': [],
'video': ['autoplay', 'controls', 'height', 'loop', 'mediagroup', 'muted', 'poster', 'preload', 'src', 'width'],
'wbr': []
};
module.exports.inputAppend = ['font-size', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right', 'height', 'width'];
module.exports.editableItemOptions = {
'nav a : font-weight': ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
'a.btn : border-radius': ['0px', '4px', '10px'],
'img : border-style': ['none', 'dotted', 'dashed', 'solid'],
'img : border-width': ['1px', '2px', '3px', '4px'],
'h1, h2, h3, h4, h5, p : font-family': ['default', 'Lato', 'Helvetica', 'Arial', 'Times New Roman'],
'h2 : font-family': ['default', 'Lato', 'Helvetica', 'Arial', 'Times New Roman'],
'h3 : font-family': ['default', 'Lato', 'Helvetica', 'Arial', 'Times New Roman'],
'p : font-family': ['default', 'Lato', 'Helvetica', 'Arial', 'Times New Roman'],
'.block : parallax': ['off', 'on']
};
module.exports.customStyleDropdowns = {
'btn-style': {
'label': 'Button style',
'values': {
'default': 'btn-default',
'primary': 'btn-primary',
'success': 'btn-success',
'info': 'btn-info',
'warning': 'btn-warning',
'danger': 'btn-danger'
},
'default': ''
},
'btn-size': {
'label': 'Button size',
'values': {
'huge': 'btn-hg',
'default': '',
'small': 'btn-sm',
'extra small': 'btn-xs'
},
'default': ''
},
'btn-block': {
'label': 'Button block',
'values': {
'Block': 'btn-block',
'No block': ''
},
'default': ''
},
'navbar-style': {
'label': 'Navigation bar style',
'values': {
'Default': 'navbar-default',
'Inverse': 'navbar-inverse',
'Plain': 'navbar-plain'
}
},
'navbar-alignment': {
'label': 'Navigation alignment',
'values': {
'Left': 'bloxby-navbar-left',
'Left / right': 'bloxby-navbar-left-right',
'Right': 'bloxby-navbar-right',
'Centered': 'bloxby-navbar-centered'
}
},
'background-position': {
'label': 'Background alignment',
'values': {
'Top left': 'top-left',
'Top center': 'top-center',
'Top right': 'top-right',
'Bottom left': 'bottom-left',
'Bottom center': 'bottom-center',
'Bottom right': 'bottom-right',
'Center center': 'center-center'
},
'default': 'top-left'
},
'inline-position': {
'label': 'Inline positioning',
'values': {
'Pull left': 'pull-left',
'Pull center': 'pull-center',
'Pull right': 'pull-right'
}
},
'bloxby-bg-styler-padding': {
'label': 'Padding',
'values': {
'No padding': 'padding-no',
'Medium padding': 'padding-md',
'Large padding': 'padding-lg'
},
'default': 'padding-no'
},
'bloxby-border-radius': {
'label': 'Border radius',
'values': {
'No radius': 'border-radius-no',
'Small radius': 'border-radius-sm',
'Medium radius': 'border-radius-md',
'Large radius': 'border-radius-lg'
},
'default': 'border-radius-no'
},
'bloxby-bg': {
'label': 'Background',
'values': {
'Light': 'bg-light',
'Dark': 'bg-dark',
'None': 'bg-none'
},
'default': 'bg-none'
},
'bloxby-border': {
'label': 'Border',
'values': {
'No border': 'border-none',
'Light + thin': 'border-light-thin',
'Light + thick': 'border-light-thick'
},
'default': 'border-none'
},
'image-style': {
'label': 'Image style',
'values': {
'Responsive': 'img-responsive',
'Rounded': 'img-rounded',
'Circle': 'img-circle',
'Thumbnail': 'img-thumbnail'
},
'default': 'img-responsive'
},
'social-list-size': {
'label': 'Icon size',
'values': {
'Small': 'social-basic-sm',
'Medium': 'social-basic-md'
},
'default': 'social-basic-sm'
},
'list-align': {
'label': 'List alignment',
'values': {
'Left': 'list-left',
'Right': 'list-right'
},
'default': 'list-left'
},
'text-align': {
'label': 'Alignment',
'values': {
'Left': 'text-left',
'Right': 'text-right',
'Center': 'text-center'
},
'default': 'text-left'
},
///adding///
/**************************/
// /
// Positioning Dropdowns /
// /
/**************************/
//align
'align-content-style': {
'label': 'Align content',
'values': {
'center': 'center',
'flex-end': 'flex-end',
'flex-start': 'flex-start',
'space-around': 'space-around',
'space-between': 'space-between',
'stretch': 'stretch'
},
'default': ''
},
'align-items-style': {
'label': 'Align items',
'values': {
'baseline': 'baseline',
'center': 'center',
'flex-end': 'flex-end',
'flex-start': 'flex-start',
'stretch': 'stretch'
},
'default': ''
},
'align-self-style': {
'label': 'Align self',
'values': {
'auto': 'auto',
'baseline': 'baseline',
'center': 'center',
'flex-end': 'flex-end',
'flex-start': 'flex-start',
'stretch': 'stretch'
},
'default': ''
},
//bottom
'bottom-style': {
'label': 'Bottom',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
//top
'top-style': {
'label': 'Top',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
//margin
'margin-style': {
'label': 'Margin',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
'margin-bottom-style': {
'label': 'Margin bottom',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
'margin-left-style': {
'label': 'Margin left',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
'margin-right-style': {
'label': 'Margin right',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
'margin-top-style': {
'label': 'Margin top',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
//pading
'padding-style': {
'label': 'Padding',
'values': {
'inherit': 'inherit'
},
'default': ''
},
//pagebreak
'page-break-after-style': {
'label': 'Page break after',
'values': {
'always': 'always',
'auto': 'auto',
'avoid': 'avoid',
'left': 'left',
'right': 'right',
'inherit': 'inherit'
},
'default': ''
},
'page-break-before-style': {
'label': 'Page break before',
'values': {
'always': 'always',
'auto': 'auto',
'avoid': 'avoid',
'left': 'left',
'right': 'right',
'inherit': 'inherit'
},
'default': ''
},
'page-break-inside-style': {
'label': 'Page break inside',
'values': {
'auto': 'auto',
'avoid': 'avoid',
'inherit': 'inherit'
},
'default': ''
},
//perspective
'perspective-style': {
'label': 'Perspective',
'values': {
'none': 'none'
},
'default': ''
},
'perspective-origin-style': {
'label': 'Perspective origin',
'values': {
'bottom': 'bottom',
'center': 'center',
'left': 'left',
'right': 'right',
'top': 'top'
},
'default': ''
},
//position
'position-style': {
'label': 'Position',
'values': {
'absolute': 'absolute',
'fixed': 'fixed',
'relative': 'relative',
'static': 'static',
'sticky': 'sticky',
'inherit': 'inherit'
},
'default': ''
},
//left
'left-style': {
'label': 'Left',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
//right
'right-style': {
'label': 'Right',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
//break
'break-after-style': {
'label': 'Break after',
'values': {
'always': 'always',
'auto': 'auto',
'avoid': 'avoid',
'avoid-column': 'avoid-column',
'avoid-page': 'avoid-page',
'avoid-region': 'avoid-region',
'column': 'column',
'left': 'left',
'page': 'page',
'region': 'region',
'right': 'right'
},
'default': ''
},
'break-before-style': {
'label': 'Break before',
'values': {
'always': 'always',
'auto': 'auto',
'avoid': 'avoid',
'avoid-column': 'avoid-column',
'avoid-page': 'avoid-page',
'avoid-region': 'avoid-region',
'column': 'column',
'left': 'left',
'page': 'page',
'region': 'region',
'right': 'right'
},
'default': ''
},
'break-inside-style': {
'label': 'Break inside',
'values': {
'auto': 'auto',
'avoid': 'avoid',
'avoid-column': 'avoid-column',
'avoid-page': 'avoid-page',
'avoid-region': 'avoid-region'
},
'default': ''
},
//direction
'direction-style': {
'label': 'Direction',
'values': {
'ltr': 'ltr',
'rtl': 'rtl',
'inherit': 'inherit'
},
'default': ''
},
//display
'display-style': {
'label': 'Display',
'values': {
'block': 'block',
'contents': 'contents',
'flex': 'flex',
'flow-root': 'flow-root',
'grid': 'grid',
'inline': 'inline',
'inline-block': 'inline-block',
'inline-flex': 'inline-flex',
'inline-grid': 'inline-grid',
'inline-table': 'inline-table',
'list-item': 'list-item',
'none': 'none',
'run-in': 'run-in',
'subgrid': 'subgrid',
'table': 'table',
'table-caption': 'table-caption',
'table-cell': 'table-cell',
'table-column': 'table-column',
'table-column-group': 'table-column-group',
'table-footer-group': 'table-footer-group',
'table-header-group': 'table-header-group',
'table-row': 'table-row',
'table-row-group': 'table-row-group',
'inherit': 'inherit'
},
'default': ''
},
//flex
'flex-style': {
'label': 'Flex',
'values': {
'auto': 'auto',
'initial': 'initial',
'none': 'none'
},
'default': ''
},
'flex-basis-style': {
'label': 'Flex basis',
'values': {
'auto': 'auto'
},
'default': ''
},
'flex-direction-style': {
'label': 'Flex direction',
'values': {
'column': 'column',
'column-reverse': 'column-reverse',
'row': 'row',
'row-reverse': 'row-reverse'
},
'default': ''
},
'flex-flow-style': {
'label': 'Flex flow',
'values': {
'column': 'column',
'column-reverse': 'column-reverse',
'nowrap': 'nowrap',
'row': 'row',
'row-reverse': 'row-reverse',
'wrap': 'wrap',
'wrap-reverse': 'wrap-reverse'
},
'default': ''
},
'flex-wrap-style': {
'label': 'Flex wrap',
'values': {
'nowrap': 'nowrap',
'wrap': 'wrap',
'wrap-reverse': 'wrap-reverse'
},
'default': ''
},
//float
'float-style': {
'label': 'Float',
'values': {
'left': 'left',
'right': 'right',
'none': 'none',
'inherit': 'inherit'
},
'default': ''
},
//flow
'flow-into-style': {
'label': 'Flow into',
'values': {
'none': 'none',
'type': 'type',
'named-flow': 'named-flow'
},
'default': ''
},
'flow-from-style': {
'label': 'Flow from',
'values': {
'none': 'none',
'inherit': 'inherit',
'type': 'type',
'named-flow': 'named-flow'
},
'default': ''
},
//isolation
'isolation-style': {
'label': 'Isolation',
'values': {
'auto': 'auto',
'isolate': 'isolate'
},
'default': ''
},
//justify
'justify-content-style': {
'label': 'Justify content',
'values': {
'center': 'center',
'flex-end': 'flex-end',
'flex-start': 'flex-start',
'space-around': 'space-around',
'space-between': 'space-between'
},
'default': ''
},
//objectift
'object-fit-style': {
'label': 'Object fit',
'values': {
'contain': 'contain',
'cover': 'cover',
'fill': 'fill',
'none': 'none',
'scale-down': 'scale-down'
},
'default': ''
},
'object-position-style': {
'label': 'Object position',
'values': {
'left': 'left',
'center': 'center',
'right': 'right',
'bottom': 'bottom',
'top': 'top'
},
'default': ''
},
//region
'region-break-after-style': {
'label': 'Region break after',
'values': {
'always': 'always',
'auto': 'auto',
'avoid': 'avoid',
'avoid-column': 'avoid-column',
'avoid-page': 'avoid-page',
'avoid-region': 'avoid-region',
'column': 'column',
'left': 'left',
'page': 'page',
'region': 'region',
'right': 'right'
},
'default': ''
},
'region-break-before-style': {
'label': 'Region break before',
'values': {
'always': 'always',
'auto': 'auto',
'avoid': 'avoid',
'avoid-column': 'avoid-column',
'avoid-page': 'avoid-page',
'avoid-region': 'avoid-region',
'column': 'column',
'left': 'left',
'page': 'page',
'region': 'region',
'right': 'right'
},
'default': ''
},
'region-break-inside-style': {
'label': 'Region break inside',
'values': {
'auto': 'auto',
'avoid': 'avoid',
'avoid-column': 'avoid-column',
'avoid-page': 'avoid-page',
'avoid-region': 'avoid-region'
},
'default': ''
},
'region-fragment-style': {
'label': 'Region fragment',
'values': {
'auto': 'auto',
'break': 'break'
},
'default': ''
},
//verticle
'vertical-align-style': {
'label': 'Vertical align',
'values': {
'baseline': 'baseline',
'bottom': 'bottom',
'middle': 'middle',
'sub': 'sub',
'super': 'super',
'text-bottom': 'text-bottom',
'text-top': 'text-top',
'top': 'top',
'inherit': 'inherit'
},
'default': ''
},
//overflow
'overflow-style': {
'label': 'Overflow',
'values': {
'auto': 'auto',
'hidden': 'hidden',
'scroll': 'scroll',
'visible': 'visible',
'inherit': 'inherit'
},
'default': ''
},
//overflow x
'overflow-x-style': {
'label': 'Overflow x',
'values': {
'auto': 'auto',
'hidden': 'hidden',
'scroll': 'scroll',
'visible': 'visible',
'inherit': 'inherit'
},
'default': ''
},
//overflow y
'overflow-y-style': {
'label': 'Overflow y',
'values': {
'auto': 'auto',
'hidden': 'hidden',
'scroll': 'scroll',
'visible': 'visible',
'inherit': 'inherit'
},
'default': ''
},
//z index
'z-index-style': {
'label': 'Z index',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
//box
'box-decoration-break-style': {
'label': 'Box decoration break',
'values': {
'clone': 'clone',
'slice': 'slice'
},
'default': ''
},
'box-sizing-style': {
'label': 'Box sizing',
'values': {
'border-box': 'border-box',
'content-box': 'content-box',
'inherit': 'inherit'
},
'default': ''
},
/**************************/
// /
// Font Dropdowns /
// /
/**************************/
//wordbreak
'word-break-style': {
'label': 'Word break',
'values': {
'normal': 'normal',
'break-all': 'break-all',
'keep-all': 'keep-all'
},
'default': ''
},
//word spacing
'word-spacing-style': {
'label': 'Word spacing',
'values': {
'normal': 'normal',
'inherit': 'inherit'
},
'default': ''
},
//word wrap
'word-wrap-style': {
'label': 'Word wrap',
'values': {
'break-word': 'break-word',
'normal': 'normal'
},
'default': ''
},
//text align
'text-align-style': {
'label': 'Text align',
'values': {
'center': 'center',
'left': 'left',
'justify': 'justify',
'right': 'right',
'inherit': 'inherit'
},
'default': ''
},
'text-align-last-style': {
'label': 'Text align last',
'values': {
'center': 'center',
'left': 'left',
'justify': 'justify',
'right': 'right',
'inherit': 'inherit'
},
'default': ''
},
//text decoration
'text-decoration-style': {
'label': 'Text decoration',
'values': {
'line-through': 'line-through',
'none': 'none',
'overline': 'overline',
'underline': 'underline',
'inherit': 'inherit'
},
'default': ''
},
'text-decoration-color-style': {
'label': 'Text decoration color',
'values': {
'type': 'type',
'color': 'color'
},
'default': ''
},
'text-decoration-line-style': {
'label': 'Text decoration line',
'values': {
'line-through': 'line-through',
'none': 'none',
'overline': 'overline',
'underline': 'underline'
},
'default': ''
},
'text-decoration-skip-style': {
'label': 'Text decoration skip',
'values': {
'edges': 'edges',
'ink': 'ink',
'none': 'none',
'objects': 'objects',
'spaces': 'spaces'
},
'default': ''
},
'text-decoration-style-style': {
'label': 'Text decoration style',
'values': {
'dashed': 'dashed',
'dotted': 'dotted',
'double': 'double',
'solid': 'solid',
'wavy': 'wavy'
},
'default': ''
},
//text emphasis
'text-emphasis-color-style': {
'label': 'Text emphasis color',
'values': {
'type': 'type',
'color': 'color'
},
'default': ''
},
'text-emphasis-position-style': {
'label': 'Text emphasis position',
'values': {
'above': 'above',
'below': 'below',
'left': 'left',
'right': 'right'
},
'default': ''
},
'text-emphasis-style-style': {
'label': 'Text emphasis style',
'values': {
'circle': 'circle',
'dot': 'dot',
'double-circle': 'double-circle',
'filled': 'filled',
'none': 'none',
'open': 'open',
'sesame': 'sesame',
'triangle': 'triangle'
},
'default': ''
},
//text indent
'text-indent-style': {
'label': 'Text indent',
'values': {
'inherit': 'inherit'
},
'default': ''
},
//text overflow
'text-overflow-style': {
'label': 'Text overflow',
'values': {
'clip': 'clip',
'ellipsis': 'ellipsis',
'inherit': 'inherit'
},
'default': ''
},
//text transform
'text-transform-style': {
'label': 'Text transform',
'values': {
'capitalize': 'capitalize',
'full-width': 'full-width',
'lowercase': 'lowercase',
'none': 'none',
'uppercase': 'uppercase',
'inherit': 'inherit'
},
'default': ''
},
//text rendering
'text-rendering-style': {
'label': 'Text rendering',
'values': {
'auto': 'auto',
'geometricPrecision': 'geometricPrecision',
'optimizeLegibility': 'optimizeLegibility',
'optimizeSpeed': 'optimizeSpeed'
},
'default': ''
},
//text underline
'text-underline-position-style': {
'label': 'Text underline position',
'values': {
'alphabetic': 'alphabetic',
'auto': 'auto',
'below': 'below',
'left': 'left',
'right': 'right'
},
'default': ''
},
//hyphens
'hyphens-style': {
'label': 'Hyphens',
'values': {
'auto': 'auto',
'manual': 'manual',
'none': 'none'
},
'default': ''
},
//letter
'letter-spacing-style': {
'label': 'Letter spacing',
'values': {
'normal': 'normal',
'inherit': 'inherit'
},
'default': ''
},
//list
'list-style-style': {
'label': 'List style',
'values': {
'none': 'none',
'inherit': 'inherit',
'initial': 'initial',
'unset': 'unset',
'url()': 'url()',
'armenian': 'armenian',
'circle': 'circle',
'decimal': 'decimal',
'decimal-leading-zero': 'decimal-leading-zero',
'disc': 'disc',
'georgian': 'georgian',
'inside': 'inside',
'lower-alpha': 'lower-alpha',
'lower-greek': 'lower-greek',
'lower-latin': 'lower-latin',
'lower-roman': 'lower-roman',
'outside': 'outside',
'square': 'square',
'upper-alpha': 'upper-alpha',
'upper-latin': 'upper-latin',
'upper-roman': 'upper-roman'
},
'default': ''
},
'list-style-image-style': {
'label': 'List style image',
'values': {
'none': 'none',
'url()': 'url()',
'inherit': 'inherit'
},
'default': ''
},
'list-style-position-style': {
'label': 'List style position',
'values': {
'inside': 'inside',
'outside': 'outside',
'inherit': 'inherit'
},
'default': ''
},
'list-style-type-style': {
'label': 'List style type',
'values': {
'armenian': 'armenian',
'circle': 'circle',
'decimal': 'decimal',
'decimal-leading-zero': 'decimal-leading-zero',
'disc': 'disc',
'georgian': 'georgian',
'lower-latin': 'lower-latin',
'lower-roman': 'lower-roman',
'outside': 'outside',
'square': 'square',
'upper-alpha': 'upper-alpha',
'upper-latin': 'upper-latin',
'upper-roman': 'upper-roman'
},
'default': ''
},
//line height
'line-height-style': {
'label': 'Line height',
'values': {
'normal': 'normal',
'inherit': 'inherit'
},
'default': ''
},
//font display
'font-display-style': {
'label': 'Font display',
'values': {
'auto': 'auto',
'block': 'block',
'swap': 'swap',
'fallback': 'fallback',
'optional': 'optional'
},
'default': ''
},
//font family
'font-family-style': {
'label': 'Font family',
'values': {
'cursive': 'cursive',
'fantasy': 'fantasy',
'inherit': 'inherit',
'monospace': 'monospace',
'sans-serif': 'sans-serif',
'serif': 'serif'
},
'default': ''
},
//font feature
'font-feature-settings-style': {
'label': 'Font feature settings',
'values': {
'normal': 'normal'
},
'default': ''
},
//font kerning
'font-kerning-style': {
'label': 'Font kerning',
'values': {
'auto': 'auto',
'none': 'none',
'normal': 'normal'
},
'default': ''
},
//font language
'font-language-override-style': {
'label': 'Font language override',
'values': {
'normal': 'normal'
},
'default': ''
},
//font size
'font-size-adjust-style': {
'label': 'Font size adjust',
'values': {
'auto': 'auto',
'none': 'none'
},
'default': ''
},
//font stretch
'font-stretch-style': {
'label': 'Font stretch',
'values': {
'condensed': 'condensed',
'expanded': 'expanded',
'extra-condensed': 'extra-condensed',
'extra-expanded': 'extra-expanded',
'normal': 'normal',
'semi-condensed': 'semi-condensed',
'semi-expanded': 'semi-expanded',
'ultra-condensed': 'ultra-condensed',
'ultra-expanded': 'ultra-expanded'
},
'default': ''
},
//font style
'font-style-style': {
'label': 'Font style',
'values': {
'italic': 'italic',
'normal': 'normal',
'oblique': 'oblique'
},
'default': ''
},
//font synthesis
'font-synthesis-style': {
'label': 'Font synthesis',
'values': {
'none': 'none',
'style': 'style',
'weight': 'weight'
},
'default': ''
},
//font variant
'font-variant-style': {
'label': 'Font variant',
'values': {
'normal': 'normal',
'small-caps': 'small-caps',
'inherit': 'inherit'
},
'default': ''
},
'font-variant-alternates-style': {
'label': 'Font variant alternates',
'values': {
'normal': 'normal'
},
'default': ''
},
'font-variant-caps-style': {
'label': 'Font variant caps',
'values': {
'normal': 'normal',
'small-caps': 'small-caps',
'all-small-caps': 'all-small-caps',
'petite-caps': 'petite-caps',
'all-petite-caps': 'all-petite-caps',
'unicase': 'unicase',
'titling-caps': 'tilting-caps'
},
'default': ''
},
'font-variant-east-asian-style': {
'label': 'Font variant east asian',
'values': {
'normal': 'normal'
},
'default': ''
},
'font-variant-ligatures-style': {
'label': 'Font variant ligatures',
'values': {
'normal': 'normal',
'none': 'none'
},
'default': ''
},
'font-variant-numeric-style': {
'label': 'Font variant numeric',
'values': {
'normal': 'normal'
},
'default': ''
},
'font-variant-position-style': {
'label': 'Font variant position',
'values': {
'normal': 'normal',
'sub': 'sub',
'super': 'super'
},
'default': ''
},
//font weight
'font-weight-style': {
'label': 'Font weight',
'values': {
'bold': 'bold',
'bolder': 'bolder',
'lighter': 'lighter',
'normal': 'normal',
'100': '100',
'200': '200',
'300': '300',
'400': '400',
'500': '500',
'600': '600',
'700': '700',
'800': '800',
'900': '900',
'inherit': 'inherit'
},
'default': ''
},
//caption
'caption-side-style': {
'label': 'Caption side',
'values': {
'bottom': 'bottom',
'top': 'top',
'inherit': 'inherit'
},
'default': ''
},
//quotes
'quotes-style': {
'label': 'Quotes',
'values': {
'none': 'none',
'inherit': 'inherit'
},
'default': ''
},
//punctuation
'hanging-punctuation-style': {
'label': 'Hanging punctuation',
'values': {
'allow-end': 'allow-end',
'first': 'first',
'force-end': 'force-end',
'last': 'last',
'none': 'none'
},
'default': ''
},
/**************************/
// /
// Animation /
// /
/**************************/
// animation
//animation direction
'animation-direction-style': {
'label': 'Animation direction',
'values': {
'alternate': 'alternate',
'alternate-reverse': 'alternate-reverse',
'normal': 'normal',
'reverse': 'reverse'
},
'default': ''
},
//animation fill
'animation-fill-mode-style': {
'label': 'Animation fill mode',
'values': {
'backwards': 'backwards',
'both': 'both',
'forwards': 'forwards',
'none': 'none'
},
'default': ''
},
//animation itieration
'animation-iteration-count-style': {
'label': 'Animation iteration count',
'values': {
'infinite': 'infinite'
},
'default': ''
},
//animation name
'animation-name-style': {
'label': 'Animation name',
'values': {
'none': 'none'
},
'default': ''
},
//animation play
'animation-play-state-style': {
'label': 'Animation play state',
'values': {
'paused': 'paused',
'running': 'running'
},
'default': ''
},
//animation timing
'animation-timing-function-style': {
'label': 'Animation timing function',
'values': {
'cubic-bezier()': 'cubic-bezier()',
'ease': 'ease',
'ease-in': 'ease-in',
'ease-in-out': 'ease-in-out',
'ease-out': 'ease-out',
'linear': 'linear',
'step-end': 'step-end',
'step-start': 'step-start',
'steps()': 'steps()'
},
'default': ''
},
//clip
'clip-style': {
'label': 'Clip',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
//transform style
'transform-style-style': {
'label': 'Transform style',
'values': {
'flat': 'flat',
'preserve-3d': 'preserve-3d'
},
'default': ''
},
//transform origion
'transform-origin-style': {
'label': 'Transform origin',
'values': {
'bottom': 'bottom',
'center': 'center',
'left': 'left',
'right': 'right',
'top': 'top'
},
'default': ''
},
//transition style
'transition-property-style': {
'label': 'Transition property',
'values': {
'all': 'all',
'none': 'none'
},
'default': ''
},
//transition timing
'transition-timing-function-style': {
'label': 'Transition timing function',
'values': {
'cubic-bezier()': 'cubic-bezier()',
'ease': 'ease',
'ease-in': 'ease-in',
'ease-in-out': 'ease-in-out',
'ease-out': 'ease-out',
'linear': 'linear',
'step-end': 'step-end',
'step-start': 'step-start',
'steps()': 'steps()'
},
'default': ''
},
//visiblility
'visibility-style': {
'label': 'Visibility',
'values': {
'collapse': 'collapse',
'hidden': 'hidden',
'visible': 'visible',
'inherit': 'inherit'
},
'default': ''
},
//duration
/**************************/
// /
// Sizing /
// /
/**************************/
//shape inside
'shape-inside-style': {
'label': 'Shape inside',
'values': {
'auto': 'auto',
'circle()': 'circle()',
'ellipse()': 'ellipse()',
'inherit': 'inherit',
'outside-shape': 'outside-shape',
'polygon()': 'polygon()',
'rectangle()': 'rectangle()'
},
'default': ''
},
//shape outside
'shape-outside-style': {
'label': 'Shape outside',
'values': {
'none': 'none',
'inherit': 'inherit',
'circle()': 'circle()',
'ellipse()': 'ellipse()',
'polygon()': 'polygon()',
'inset()': 'inset()',
'margin-box': 'margin-box',
'border-box': 'border-box',
'padding-box': 'padding-box',
'content-box': 'content-box',
'url()': 'url()',
'image()': 'image()',
'linear-gradient()': 'linear-gradient()',
'radial-gradient()': 'radial-gradient()',
'repeating-linear-gradient()': 'repeating-linear-gradient()',
'repeating-radial-gradient()': 'repeating-radial-gradient()'
},
'default': ''
},
//height
'height-style': {
'label': 'Height',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
//max height
'max-height-style': {
'label': 'Max height',
'values': {
'none': 'none',
'inherit': 'inherit'
},
'default': ''
},
//min height
'min-height-style': {
'label': 'Min height',
'values': {
'inherit': 'inherit'
},
'default': ''
},
//width
'width-style': {
'label': 'Width',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
//max width
'max-width-style': {
'label': 'Max width',
'values': {
'none': 'none',
'inherit': 'inherit'
},
'default': ''
},
//min width
'min-width-style': {
'label': 'Min width',
'values': {
'inherit': 'inherit'
},
'default': ''
},
//resize
'resize-style': {
'label': 'Resize',
'values': {
'both': 'both',
'horizontal': 'horizontal',
'none': 'none',
'vertical': 'vertical',
'inherit': 'inherit'
},
'default': ''
},
/**************************/
// /
// Color /
// /
/**************************/
//color
'color-style': {
'label': 'Color',
'values': {
'inherit': 'inherit',
'type': 'type',
'color': 'color'
},
'default': ''
},
//mix blend
'mix-blend-mode-style': {
'label': 'Mix blend mode',
'values': {
'color': 'color',
'color-burn': 'color-burn',
'color-dodge': 'color-dodge',
'darken': 'darken',
'difference': 'difference',
'exclusion': 'exclusion',
'hard-light': 'hard-light',
'hue': 'hue',
'lighten': 'lighten',
'luminosity': 'luminosity',
'multiply': 'multiply',
'normal': 'normal',
'overlay': 'overlay',
'saturation': 'saturation',
'screen': 'screen',
'soft-light': 'soft-light'
},
'default': ''
},
//filter
'filter-style': {
'label': 'Filter',
'values': {
'blur()': 'blur()',
'brightness()': 'brightness()',
'contrast()': 'contrast()',
'custom()': 'custom()',
'drop-shadow()': 'drop-shadow()',
'grayscale()': 'grayscale()',
'hue-rotate()': 'hue-rotate()',
'invert()': 'invert()',
'none': 'none',
'opacity()': 'opacity()',
'sepia()': 'sepia()',
'saturate()': 'saturate()',
'url()': 'url()'
},
'default': ''
},
//opacity
'opacity-style': {
'label': 'Opacity',
'values': {
'inherit': 'inherit'
},
'default': ''
},
// caret color
'caret-color-style': {
'label': 'Caret color',
'values': {
'auto': 'auto',
'type': 'color'
},
'default': ''
},
/**************************/
// /
// Cursor /
// /
/**************************/
// cursor
'cursor-style': {
'label': 'Cursor',
'values': {
'alias': 'alias',
'all-scroll': 'all-scroll',
'auto': 'auto',
'cell': 'cell',
'col-resize': 'col-resize',
'context-menu': 'context-menu',
'copy': 'copy',
'crosshair': 'crosshair',
'default': 'default',
'e-resize': 'e-resize',
'ew-resize': 'ew-resize',
'grab': 'grab',
'grabbing': 'grabbing',
'help': 'help',
'inherit': 'inherit',
'move': 'move',
'n-resize': 'n-resize',
'ne-resize': 'ne-resize',
'nesw-resize': 'nesw-resize',
'no-drop': 'no-drop',
'none': 'none',
'not-allowed': 'not-allowed',
'ns-resize': 'ns-resize',
'nw-resize': 'nw-resize',
'nwse-resize': 'nwse-resize',
'pointer': 'pointer',
'progress': 'progress',
'row-resize': 'row-resize',
's-resize': 's-resize',
'se-resize': 'se-resize',
'sw-resize': 'sw-resize',
'text': 'text',
'vertical-text': 'vertical-text',
'w-resize': 'w-resize',
'wait': 'wait',
'zoom-in': 'zoom-in',
'zoom-out': 'zoom-out'
},
'default': ''
},
//pointer
'pointer-events-style': {
'label': 'Pointer events',
'values': {
'all': 'all',
'auto': 'auto',
'fill': 'fill',
'inherit': 'inherit',
'none': 'none',
'painted': 'painted',
'stroke': 'stroke',
'visible': 'visible',
'visibleFill': 'visibleFill',
'visiblePainted': 'visiblePainted',
'visibleStroke': 'visibleStroke'
},
'default': ''
},
//userselect
'user-select-style': {
'label': 'User select',
'values': {
'all': 'all',
'auto': 'auto',
'contain': 'contain',
'none': 'none',
'text': 'text'
},
'default': ''
},
/**************************/
// /
// Containers /
// /
/**************************/
//emptycells
'empty-cells-style': {
'label': 'Empty cells',
'values': {
'hide': 'hide',
'show': 'show',
'inherit': 'inherit'
},
'default': ''
},
//content style
'content-style': {
'label': 'Content',
'values': {
'attr()': 'attr()',
'close-quote': 'close-quote',
'no-close-quote': 'no-close-quote',
'no-open-quote': 'no-open-quote',
'normal': 'normal',
'none': 'none',
'open-quote': 'open-quote',
'inherit': 'inherit'
},
'default': ''
},
//table
'table-layout-style': {
'label': 'Table layout',
'values': {
'auto': 'auto',
'fixed': 'fixed',
'inherit': 'inherit'
},
'default': ''
},
//grid auto flow
'grid-auto-flow-style': {
'label': 'Grid auto flow',
'values': {
'row': 'row',
'column': 'column',
'dense': 'dense'
},
'default': ''
},
// grid column
'grid-column-style': {
'label': 'Grid column',
'values': {
'auto': 'auto'
},
'default': ''
},
//grid rows
'grid-row-style': {
'label': 'Grid row',
'values': {
'auto': 'auto'
},
'default': ''
},
//grid template
'grid-template-style': {
'label': 'Grid template',
'values': {
'none': 'none'
},
'default': ''
},
//grid template columns
'grid-template-columns-style': {
'label': 'Grid template columns',
'values': {
'auto': 'auto'
},
'default': ''
},
//grid template rows
'grid-template-rows-style': {
'label': 'Grid template rows',
'values': {
'auto': 'auto'
},
'default': ''
},
//column fill
'column-fill-style': {
'label': 'Column fill',
'values': {
'auto': 'auto',
'balance': 'balance'
},
'default': ''
},
//column gap
'column-gap-style': {
'label': 'Column gap',
'values': {
'normal': 'normal'
},
'default': ''
},
//column rule style
'column-rule-style-style': {
'label': 'Column rule style',
'values': {
'dashed': 'dashed',
'dotted': 'dotted',
'double': 'double',
'groove': 'groove',
'hidden': 'hidden',
'inset': 'inset',
'none': 'none',
'outset': 'outset',
'ridge': 'ridge',
'solid': 'solid',
'inherit': 'inherit'
},
'default': ''
},
//column rule width
'column-rule-width-style': {
'label': 'Column rule width',
'values': {
'medium': 'medium',
'thin': 'thin',
'thick': 'thick',
'inherit': 'inherit'
},
'default': ''
},
//column span style
'column-span-style': {
'label': 'Column span',
'values': {
'all': 'all',
'none': 'none'
},
'default': ''
},
//column width
'column-width-style': {
'label': 'Column width',
'values': {
'auto': 'auto',
'inherit': 'inherit'
},
'default': ''
},
/**************************/
// /
// Images /
// /
/**************************/
//image resolution
'image-resolution-style': {
'label': 'Image resolution',
'values': {
'from-image': 'from-image',
'snap': 'snap'
},
'default': ''
},
/**************************/
// /
// Scroll /
// /
/**************************/
// scrol behavior
'scroll-behavior-style': {
'label': 'Scroll behavior',
'values': {
'auto': 'auto',
'smooth': 'smooth'
},
'default': ''
},
/**************************/
// /
// Styling /
// /
/**************************/
//backface
'backface-visibility-style': {
'label': 'Backface visibility',
'values': {
'hidden': 'hidden',
'visible': 'visible'
},
'default': ''
},
//background attachment
'background-attachment-style': {
'label': 'Background attachment',
'values': {
'fixed': 'fixed',
'local': 'local',
'scroll': 'scroll',
'inherit': 'inherit'
},
'default': ''
},
//background blend
'background-blend-mode-style': {
'label': 'Background blend mode',
'values': {
'color': 'color',
'color-burn': 'color-burn',
'color-dodge': 'color-dodge',
'darken': 'darken',
'difference': 'difference',
'exclusion': 'exclusion',
'hard-light': 'hard-light',
'hue': 'hue',
'lighten': 'lighten',
'luminosity': 'luminosity',
'multiply': 'multiply',
'normal': 'normal',
'overlay': 'overlay',
'saturation': 'saturation',
'screen': 'screen',
'soft-light': 'soft-light'
},
'default': ''
},
//background clip
'background-clip-style': {
'label': 'Background clip',
'values': {
'border-box': 'border-box',
'content-box': 'content-box',
'padding-box': 'padding-box',
'inherit': 'inherit'
},
'default': ''
},
//background color
'background-color-style': {
'label': 'Background color',
'values': {
'inherit': 'inherit',
'type': 'type',
'color': 'color'
},
'default': ''
},
//background image
'background-image-style': {
'label': 'Background image',
'values': {
'image()': 'image()',
'linear-gradient()': 'linear-gradient()',
'radial-gradient()': 'radial-gradient()',
'repeating-linear-gradient()': 'repeating-linear-gradient',
'url()': 'url()'
},
'default': ''
},
//background origin
'background-origin-style': {
'label': 'Background origin',
'values': {
'border-box': 'border-box',
'content-box': 'content-box',
'padding-box': 'padding-box',
'inherit': 'inherit'
},
'default': ''
},
//background position
'background-position-style': {
'label': 'Background position',
'values': {
'left': 'left',
'center': 'center',
'right': 'right',
'bottom': 'bottom',
'top': 'top'
},
'default': ''
},
//background repeat
'background-repeat-style': {
'label': 'Background repeat',
'values': {
'no-repeat': 'no-repeat',
'repeat': 'repeat',
'repeat-x': 'repeat-x',
'repeat-y': 'repeat-y',
'round': 'round',
'space': 'space'
},
'default': ''
},
//background size
'background-size-style': {
'label': 'Background size',
'values': {
'auto': 'auto',
'contain': 'contain',
'cover': 'cover'
},
'default': ''
},
/**************************/
// /
// Boarder/outline /
// /
/**************************/
//border collapse
'border-collapse-style': {
'label': 'Border collapse',
'values': {
'collapse': 'collapse',
'separate': 'separate',
'inherit': 'inherit'
},
'default': ''
},
//border color
'border-color-style': {
'label': 'Border color',
'values': {
'inherit': 'inherit',
'type': 'type',
'color': 'color'
},
'default': ''
},
//border spacing
'border-spacing-style': {
'label': 'Border spacing',
'values': {
'inherit': 'inherit'
},
'default': ''
},
//border style
'border-style-style': {
'label': 'Border style',
'values': {
'dashed': 'dashed',
'dotted': 'dotted',
'double': 'double',
'groove': 'groove',
'hidden': 'hidden',
'inset': 'inset',
'none': 'none',
'outset': 'outset',
'ridge': 'ridge',
'solid': 'solid',
'inherit': 'inherit'
},
'default': ''
},
//border bottom color
'border-left-bottom-style': {
'label': 'Border bottom color',
'values': {
'inherit': 'inherit',
'type': 'type',
'color': 'color'
},
'default': ''
},
//border bottom style
'border-bottom-style-style': {
'label': 'Border bottom style',
'values': {
'dashed': 'dashed',
'dotted': 'dotted',
'double': 'double',
'groove': 'groove',
'hidden': 'hidden',
'inset': 'inset',
'none': 'none',
'outset': 'outset',
'ridge': 'ridge',
'solid': 'solid',
'inherit': 'inherit'
},
'default': ''
},
//border bottom width
'border-bottom-width-style': {
'label': 'Border bottom width',
'values': {
'medium': 'medium',
'thin': 'thin',
'thick': 'thick',
'inherit': 'inherit'
},
'default': ''
},
//border left color
'border-left-color-style': {
'label': 'Border left color',
'values': {
'inherit': 'inherit',
'type': 'type',
'color': 'color'
},
'default': ''
},
//border left style
'border-left-style-style': {
'label': 'Border left style',
'values': {
'dashed': 'dashed',
'dotted': 'dotted',
'double': 'double',
'groove': 'groove',
'hidden': 'hidden',
'inset': 'inset',
'none': 'none',
'outset': 'outset',
'ridge': 'ridge',
'solid': 'solid',
'inherit': 'inherit'
},
'default': ''
},
//border left width
'border-left-width-style': {
'label': 'Border left width',
'values': {
'medium': 'medium',
'thin': 'thin',
'thick': 'thick',
'inherit': 'inherit'
},
'default': ''
},
//border right color
'border-right-color-style': {
'label': 'Border right color',
'values': {
'inherit': 'inherit',
'type': 'type',
'color': 'color'
},
'default': ''
},
//border right style
'border-right-color-style': {
'label': 'Border right style',
'values': {
'dashed': 'dashed',
'dotted': 'dotted',
'double': 'double',
'groove': 'groove',
'hidden': 'hidden',
'inset': 'inset',
'none': 'none',
'outset': 'outset',
'ridge': 'ridge',
'solid': 'solid',
'inherit': 'inherit'
},
'default': ''
},
//border right width
'border-right-width-style': {
'label': 'Border right width',
'values': {
'medium': 'medium',
'thin': 'thin',
'thick': 'thick',
'inherit': 'inherit'
},
'default': ''
},
//border top color
'border-top-color-style': {
'label': 'Border top color',
'values': {
'inherit': 'inherit',
'type': 'type',
'color': 'color'
},
'default': ''
},
//border top style
'border-top-style-style': {
'label': 'Border top style',
'values': {
'dashed': 'dashed',
'dotted': 'dotted',
'double': 'double',
'groove': 'groove',
'hidden': 'hidden',
'inset': 'inset',
'none': 'none',
'outset': 'outset',
'ridge': 'ridge',
'solid': 'solid',
'inherit': 'inherit'
},
'default': ''
},
//border top width
'border-top-width-style': {
'label': 'Border top width',
'values': {
'medium': 'medium',
'thin': 'thin',
'thick': 'thick',
'inherit': 'inherit'
},
'default': ''
},
//border width
'border-width-style': {
'label': 'Border width',
'values': {
'medium': 'medium',
'thin': 'thin',
'thick': 'thick',
'inherit': 'inherit'
},
'default': ''
},
//border image style
'border-image-style': {
'label': 'Border image',
'values': {
'url()': 'url()'
},
'default': ''
},
//border image
'border-image-repeat-style': {
'label': 'Border image repeat',
'values': {
'repeat': 'repeat',
'round': 'round',
'space': 'space',
'stretch': 'stretch'
},
'default': ''
},
//border image width
'border-image-width-style': {
'label': 'Border image width',
'values': {
'auto': 'auto'
},
'default': ''
},
//outline
'outline-style': {
'label': 'Outline',
'values': {
'inherit': 'inherit'
},
'default': ''
},
'outline-style-style': {
'label': 'Outline style',
'values': {
'dashed': 'dashed',
'dotted': 'dotted',
'double': 'double',
'groove': 'groove',
'hidden': 'hidden',
'inset': 'inset',
'none': 'none',
'outset': 'outset',
'ridge': 'ridge',
'solid': 'solid',
'inherit': 'inherit'
},
'default': ''
},
//outline color
'outline-color-style': {
'label': 'Outline color',
'values': {
'invert': 'invert',
'inherit': 'inherit',
'type': 'type',
'color': 'color'
},
'default': ''
},
//outline offset
'outline-offset-style': {
'label': 'Outline offset',
'values': {
'inherit': 'inherit'
},
'default': ''
},
//outline width
'outline-width-style': {
'label': 'Outline width',
'values': {
'medium': 'medium',
'thin': 'thin',
'thick': 'thick',
'inherit': 'inherit'
},
'default': ''
},
/**************************/
// /
// Misc /
// /
/**************************/
//clear
'clear-style': {
'label': 'Clear',
'values': {
'both': 'both',
'left': 'left',
'none': 'none',
'right': 'right',
'inherit': 'inherit'
},
'default': ''
},
//counter incriment
'counter-increment-style': {
'label': 'Counter increment',
'values': {
'none': 'none',
'inherit': 'inherit'
},
'default': ''
},
// counter reset
'counter-reset-style': {
'label': 'Counter reset',
'values': {
'none': 'none',
'inherit': 'inherit'
},
'default': ''
},
//unicode
'unicode-bidi-style': {
'label': 'Unicode bidi',
'values': {
'bidi-override': 'bidi-override',
'embed': 'embed',
'normal': 'normal',
'inherit': 'inherit'
},
'default': ''
},
//scrollbehavior
'scroll-behavior-style': {
'label': 'Scroll behavior',
'values': {
'auto': 'auto',
'smooth': 'smooth'
},
'default': ''
},
//windows
'widows-style': {
'label': 'Widows',
'values': {
'inherit': 'inherit'
},
'default': ''
},
//willchange
'will-change-style': {
'label': 'Will change',
'values': {
'auto': 'auto',
'contents': 'contents',
'opacity': 'opacity',
'scroll-position': 'scroll-position',
'transform': 'transform',
'inherit': 'inherit',
'initial': 'initial',
'unset': 'unset'
},
'default': ''
},
// white space
'white-space-style': {
'label': 'White space',
'values': {
'normal': 'normal',
'nowrap': 'nowrap',
'pre': 'pre',
'pre-line': 'pre-line',
'pre-wrap': 'pre-wrap',
'inherit': 'inherit'
},
'default': ''
},
// orphans
'orphans-style': {
'label': 'Orphans',
'values': {
'inherit': 'inherit'
}
}
//endadding///
};
module.exports.responsiveModes = {
desktop: '100%',
mobile: '480px',
tablet: '1024px'
};
module.exports.autoSaveTimeout = 300000;
module.exports.sourceCodeEditSyntaxDelay = 10000;
module.exports.cssUrls = [
'../css/blocks.css'
];
module.exports.externalJS = [
'/build/inblock.bundle.js'
];
module.exports.aceTheme = "twilight"; //Theme for the Ace editor, more info here: https://github.com/ajaxorg/ace/tree/master/lib/ace/theme
module.exports.navSelector = "nav";
module.exports.navActiveClass = "active";
module.exports.sentApiURL = "/sent/api/";
module.exports.imageLightboxWrapper = ".overlay-wrapper";
module.exports.imageLightboxAttr = "data-gallery";
module.exports.sideMenuArrowSVG = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" xml:space="preserve" width="16" height="16"><g class="nc-icon-wrapper" fill="#bdc3c7"><polygon fill="#bdc3c7" points="4.9,15.7 3.4,14.3 9.7,8 3.4,1.7 4.9,0.3 12.6,8 "></polygon></g></svg>';
module.exports.froalaConfig = {
toolbarInline: true,
charCounterCount: false,
toolbarButtons: ['bold', 'italic', 'underline', '|', 'fontFamily', 'fontSize', 'color', '|', 'paragraphFormat', 'align', '|', 'insertLink', '|', 'clearFormatting', '|', 'undo', 'redo'],
linkInsertButtons: ['linkBack'],
paragraphFormat: {
N: 'Normal',
H1: 'Heading 1',
H2: 'Heading 2',
H3: 'Heading 3',
H4: 'Heading 4',
H5: 'Heading 5'
},
nestedIframes: true
};
module.exports.runInBlocks = function() {
$('.carousel').each(function() {
$(this).carousel('pause');
$(this).find('a.right.carousel-control').on('click', function(e) {
e.stopPropagation();
e.preventDefault();
$(this).carousel('next');
$(this).carousel('pause');
}.bind(this));
$(this).find('a.left.carousel-control').on('click', function(e) {
e.stopPropagation();
e.preventDefault();
$(this).carousel('prev');
$(this).carousel('pause');
}.bind(this));
var theCarousel = this;
$(this).find('.carousel-indicators li').on('click', function(e) {
e.stopPropagation();
$(theCarousel).carousel($(this).index());
setTimeout(function() {
$(theCarousel).carousel('pause');
}, 1000);
$(this).siblings().removeClass('active');
$(this).addClass('active');
});
$(this).on('slid.bs.carousel', function() {
parent.postMessage("onFrameContentChanged", "*");
});
});
$('*[data-parallax]').each(function() {
this.style.backgroundImage = "url('" + this.getAttribute('data-image-src') + "')";
});
};
module.exports.rebuildSlideshowNavigation = function(slideshow) {
var theOL = document.createElement('OL'),
theLI,
slide,
theSlides = slideshow.querySelectorAll('.carousel-inner .item'),
counter = 0,
nonActive = true;
//remove current nav
slideshow.querySelector('.carousel-indicators').remove();
//rebuild
for (slide in theSlides) {
if (theSlides.hasOwnProperty(slide)) {
theLI = document.createElement('LI');
theLI.setAttribute('data-target', slideshow.id);
theLI.setAttribute('data-slide-to', counter);
if (theSlides[slide].classList.contains('active')) {
theLI.classList.add('active');
nonActive = false;
}
theOL.appendChild(theLI);
counter++;
}
}
theOL.classList.add('carousel-indicators');
$(slideshow).find('.carousel-indicators-wrapper').prepend(theOL);
//anything active?
if (nonActive) {
$(slideshow).find('.carousel-indicators li:first-child').addClass('active');
$(slideshow).find('.carousel-inner .item:first-child').addClass('active');
$(slideshow).carousel(0);
}
$(slideshow).carousel();
$(slideshow).carousel('pause');
$(slideshow).find('.carousel-indicators li').on('click', function(e) {
e.stopPropagation();
$(slideshow).carousel($(this).index());
$(slideshow).carousel('pause');
$(this).siblings().removeClass('active');
$(this).addClass('active');
});
};
module.exports.inBlockBeforeSave = function(frameDocument) {
//reset all Bootstrap carousels to the first slide
$(frameDocument).find('.carousel').each(function() {
$(this).find('.carousel-indicators li').removeClass('active');
$(this).find('.carousel-indicators li:first-child').addClass('active');
$(this).find('.carousel-inner .item').removeClass('active');
$(this).find('.carousel-inner .item:first-child').addClass('active');
//$(this).carousel(0);
});
$(frameDocument).find('*[data-bloxby-editor]').each(function() {
$(this).froalaEditor('destroy');
this.classList.remove('sb_open');
});
};
}());
The topic ‘Growing list of editing options’ is closed to new replies.
