Aller au contenu principal

FORMATION EN LIGNE POUR LE DÉVELOPPEMENT AVEC EXTENSO

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)