Template Designer Managed CSS Styles¶
The following is a list of CSS styles that are managed and can be edited by the Lucit Template Designer.
| CSS Property | Editors |
|---|---|
-webkit-text-stroke |
DesignerObjectEditor, FontStrokeEditor |
aspect-ratio |
PreserveAspectRatio |
background |
ColorPicker, DesignerObjectEditor |
background-color |
ColorPicker, DesignerObjectEditor |
background-position |
DesignerObjectEditor, ImagePositionEditor |
background-size |
DesignerObjectEditor, ImagePositionEditor |
border-color |
BorderEditor, ColorPicker, DesignerObjectEditor |
border-radius |
BorderEditor, DesignerObjectEditor |
border-style |
BorderEditor, DesignerObjectEditor |
border-width |
BorderEditor, DesignerObjectEditor |
box-shadow |
DesignerObjectEditor, ShadowEditor |
color |
ColorPicker, DesignerObjectEditor |
fill |
ColorPicker, DesignerObjectEditor |
filter |
DesignerObjectEditor |
filter: blur |
BlurEditor |
filter: drop-shadow |
ShadowEditor |
font-family |
CSSFontSelector, DesignerObjectEditor |
font-size |
CSSFontSizeEditor, DesignerObjectEditor |
font-style |
DesignerObjectEditor |
font-weight |
DesignerObjectEditor |
height |
AlignmentEditor, PreserveAspectRatio |
justify-content |
DesignerObjectEditor, JustifyContentEditor |
left |
AlignmentEditor |
letter-spacing |
DesignerObjectEditor, LineAndLetterSpacing |
line-height |
DesignerObjectEditor, LineAndLetterSpacing |
object-fit |
DesignerObjectEditor, ObjectPositionEditor |
object-position |
DesignerObjectEditor, ObjectPositionEditor |
opacity |
DesignerObjectEditor, OpacityEditor |
padding-bottom |
DesignerObjectEditor, PaddingEditor |
padding-left |
DesignerObjectEditor, PaddingEditor |
padding-right |
DesignerObjectEditor, PaddingEditor |
padding-top |
DesignerObjectEditor, PaddingEditor |
rotate |
DesignerObjectEditor, RotationEditor |
stroke |
DesignerObjectEditor, SVGStrokeEditor |
stroke-width |
DesignerObjectEditor, SVGStrokeEditor |
text-align |
DesignerObjectEditor |
text-decoration-line |
DesignerObjectEditor |
text-shadow |
DesignerObjectEditor, ShadowEditor |
text-transform |
DesignerObjectEditor |
top |
AlignmentEditor |
transform |
DesignerObjectEditor |
transform: scaleX, scaleY |
FlipEditor |
visibility |
DesignerObjectEditor, VisibilityOnOff |
white-space |
CSSFontSizeEditor, DesignerObjectEditor |
width |
AlignmentEditor |
Editors¶
The following is a list of editor components and the sections they belong to.
| Editor | Section |
|---|---|
| AlignmentEditor | Effects & Others |
| AnimationEditor | Animations |
| AnimationEditorRow | Animations |
| BlurEditor | Effects & Others |
| BorderEditor | Appearance |
| ClassListSelector | Utilities |
| ClearFormatting | Utilities |
| ColorPicker | Appearance |
| CSSFontSelector | Typography |
| CSSFontSizeEditor | Typography |
| CSSHelpers | Utilities |
| DesignerObjectEditor | Edit Tab |
| FlipEditor | Effects & Others |
| FontStrokeEditor | Typography |
| IconButtonExclusive | Appearance |
| IconOnOff | Appearance |
| ImagePositionEditor | Media |
| JustifyContentEditor | Layout |
| LineAndLetterSpacing | Typography |
| ObjectPositionEditor | Media |
| OpacityEditor | Effects & Others |
| PaddingEditor | Appearance |
| PreserveAspectRatio | Media |
| RotationEditor | Effects & Others |
| ShadowEditor | Effects & Others |
| SingleClassOnOff | Utilities |
| StretchToFillScreen | Media |
| SVGStrokeEditor | Appearance |
| VideoDelay | Media |
| VisibilityOnOff | Effects & Others |