@ -22,7 +22,7 @@ const TPL = `
height : 100 % ;
}
. m ind- elixi r . node - menu {
. m ap- containe r . node - menu {
position : absolute ;
top : 60px ;
right : 20px ;
@ -38,28 +38,28 @@ const TPL = `
transition : .3s all
}
. m ind- elixi r . node - menu . close {
. m ap- containe r . node - menu . close {
height : 29px ;
width : 46px ;
overflow : hidden
}
. m ind- elixi r . node - menu . button - container {
. m ap- containe r . node - menu . button - container {
padding : 3px 0 ;
direction : rtl
}
. m ind- elixi r . node - menu # nm - tag {
. m ap- containe r . node - menu # nm - tag {
margin - top : 20px
}
. m ind- elixi r . node - menu . nm - fontsize - container {
. m ap- containe r . node - menu . nm - fontsize - container {
display : flex ;
justify - content : space - around ;
margin - bottom : 20px
}
. m ind- elixi r . node - menu . nm - fontsize - container div {
. m ap- containe r . node - menu . nm - fontsize - container div {
height : 36px ;
width : 36px ;
display : flex ;
@ -71,12 +71,12 @@ const TPL = `
border - radius : 100 %
}
. m ind- elixi r . node - menu . nm - fontcolor - container {
. m ap- containe r . node - menu . nm - fontcolor - container {
margin - bottom : 10px
}
. m ind- elixi r . node - menu input ,
. m ind- elixi r . node - menu textarea {
. m ap- containe r . node - menu input ,
. m ap- containe r . node - menu textarea {
background : var ( -- input - background - color ) ;
border : 1px solid var ( -- panel - border - color ) ;
border - radius : var ( -- bs - border - radius ) ;
@ -87,17 +87,17 @@ const TPL = `
box - sizing : border - box ;
}
. m ind- elixi r . node - menu textarea {
. m ap- containe r . node - menu textarea {
resize : none
}
. m ind- elixi r . node - menu . split6 {
. m ap- containe r . node - menu . split6 {
display : inline - block ;
width : 16.66 % ;
margin - bottom : 5px
}
. m ind- elixi r . node - menu . palette {
. m ap- containe r . node - menu . palette {
border - radius : 100 % ;
width : 21px ;
height : 21px ;
@ -105,35 +105,35 @@ const TPL = `
margin : auto
}
. m ind- elixi r . node - menu . nmenu - selected ,
. m ind- elixi r . node - menu . palette :hover {
. m ap- containe r . node - menu . nmenu - selected ,
. m ap- containe r . node - menu . palette :hover {
box - shadow : tomato 0 0 0 2 px ;
background - color : # c7e9fa
}
. m ind- elixi r . node - menu . size - selected {
. m ap- containe r . node - menu . size - selected {
background - color : tomato ! important ;
border - color : tomato ;
fill : # fff ;
color : # fff
}
. m ind- elixi r . node - menu . size - selected svg {
. m ap- containe r . node - menu . size - selected svg {
color : # fff
}
. m ind- elixi r . node - menu . bof {
. m ap- containe r . node - menu . bof {
text - align : center
}
. m ind- elixi r . node - menu . bof span {
. m ap- containe r . node - menu . bof span {
display : inline - block ;
font - size : 14px ;
border - radius : 4px ;
padding : 2px 5 px
}
. m ind- elixi r . node - menu . bof . selected {
. m ap- containe r . node - menu . bof . selected {
background - color : tomato ;
color : # fff
}