COURSE #16 (anglais)
Style editor
Style editor
possible properties :
property_group_text -> 'font-family','font-size','font-weight','font-style','color','line-height','letter-spacing'
width
height
min-width
min-height
max-width
max-height
letter-spacing
font-size
line-height
border-width
border-radius
position
font-weight
font-family
font-style
text-transform
border-style
cursor
animation-fill-mode
justify-content
align-items
flex-direction
flex-wrap
text-align
text-decoration
border
outline
background-image
padding
margin
icon -> on pseudo element, font-awesome 5 icon choices
{
"property" : "icon",
"choice" : ["'\\f078'","'\\f32d'","'\\f0d7'","'\\f3be'","'\\f175'","'\\f150'","'\\f339'","'\\f350'","'\\f354'","'\\f0ab'","'\\f107'","'\\f358'","'\\f063'","'\\f5fd'"],
}
opacity -> gives a slider and a 0 to 1 with floating points result
background-color
color -> color selection popup
box-shadow
possible display :
* if not specified -> default -> a simple text box
**all properties
size_unit -> {
"property" : "border-top-width",
"display" : "size_unit",
"units" : "px,em,"
}
select -> { "property" : "list-style-type",
"display" : "select",
"options" : [
"decimal", {"value" : "circle", "label" : {"fr" : "cercle", "en" : "circle"} },
{"value" : "circle", "label" :"square"}
]
}
finder -> browse the finder and return a path on user select
top_bottom_left_right -> 4 text box with unit choice (px,%,em,rem)