@innovastudio/contentbuilder 1.0.90 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/package.json +5 -3
  2. package/public/contentbuilder/contentbuilder.css +110 -2
  3. package/public/contentbuilder/contentbuilder.esm.js +5319 -2337
  4. package/public/contentbuilder/contentbuilder.min.js +80 -86
  5. package/public/contentbuilder/lang/en.js +13 -1
  6. package/public/contentbuilder/lang/fr.js +13 -1
  7. package/public/contentbuilder/themes/colored-blue.css +12 -4
  8. package/public/contentbuilder/themes/colored-blue2.css +12 -4
  9. package/public/contentbuilder/themes/colored-blue3.css +12 -4
  10. package/public/contentbuilder/themes/colored-blue4.css +12 -4
  11. package/public/contentbuilder/themes/colored-blue5.css +12 -4
  12. package/public/contentbuilder/themes/colored-blue6.css +12 -4
  13. package/public/contentbuilder/themes/colored-blue7.css +12 -4
  14. package/public/contentbuilder/themes/colored-blue8.css +12 -4
  15. package/public/contentbuilder/themes/colored-dark.css +12 -4
  16. package/public/contentbuilder/themes/colored-darkblue.css +12 -4
  17. package/public/contentbuilder/themes/colored-gray.css +12 -4
  18. package/public/contentbuilder/themes/colored-green.css +12 -4
  19. package/public/contentbuilder/themes/colored-green2.css +12 -4
  20. package/public/contentbuilder/themes/colored-green3.css +12 -4
  21. package/public/contentbuilder/themes/colored-green4.css +12 -4
  22. package/public/contentbuilder/themes/colored-green5.css +12 -4
  23. package/public/contentbuilder/themes/colored-magenta.css +12 -4
  24. package/public/contentbuilder/themes/colored-orange.css +12 -4
  25. package/public/contentbuilder/themes/colored-orange2.css +12 -4
  26. package/public/contentbuilder/themes/colored-orange3.css +12 -4
  27. package/public/contentbuilder/themes/colored-pink.css +12 -4
  28. package/public/contentbuilder/themes/colored-pink2.css +12 -4
  29. package/public/contentbuilder/themes/colored-pink3.css +12 -4
  30. package/public/contentbuilder/themes/colored-pink4.css +12 -4
  31. package/public/contentbuilder/themes/colored-purple.css +12 -4
  32. package/public/contentbuilder/themes/colored-purple2.css +12 -4
  33. package/public/contentbuilder/themes/colored-red.css +12 -4
  34. package/public/contentbuilder/themes/colored-red2.css +12 -4
  35. package/public/contentbuilder/themes/colored-red3.css +12 -4
  36. package/public/contentbuilder/themes/colored-red4.css +12 -4
  37. package/public/contentbuilder/themes/colored-red5.css +12 -4
  38. package/public/contentbuilder/themes/colored-yellow.css +12 -4
  39. package/public/contentbuilder/themes/colored-yellow2.css +12 -4
  40. package/public/contentbuilder/themes/dark-blue.css +12 -4
  41. package/public/contentbuilder/themes/dark-blue2.css +12 -4
  42. package/public/contentbuilder/themes/dark-blue3.css +12 -4
  43. package/public/contentbuilder/themes/dark-gray.css +12 -4
  44. package/public/contentbuilder/themes/dark-pink.css +12 -4
  45. package/public/contentbuilder/themes/dark-purple.css +12 -4
  46. package/public/contentbuilder/themes/dark-red.css +12 -4
  47. package/public/contentbuilder/themes/dark.css +12 -4
  48. package/public/contentbuilder/themes/light-blue.css +12 -4
  49. package/public/contentbuilder/themes/light-blue2.css +12 -4
  50. package/public/contentbuilder/themes/light-blue3.css +12 -4
  51. package/public/contentbuilder/themes/light-cyan.css +12 -4
  52. package/public/contentbuilder/themes/light-gray.css +12 -4
  53. package/public/contentbuilder/themes/light-gray2.css +12 -4
  54. package/public/contentbuilder/themes/light-gray3.css +12 -4
  55. package/public/contentbuilder/themes/light-green.css +12 -4
  56. package/public/contentbuilder/themes/light-pink.css +12 -4
  57. package/public/contentbuilder/themes/light-pink2.css +12 -4
  58. package/public/contentbuilder/themes/light-purple.css +12 -4
  59. package/public/contentbuilder/themes/light-purple2.css +12 -4
  60. package/public/contentbuilder/themes/light-red.css +12 -4
  61. package/public/contentbuilder/themes/light-yellow.css +12 -4
  62. package/public/contentbuilder/themes/light-yellow2.css +12 -4
  63. package/public/contentbuilder/plugins/buttons/plugin.js +0 -1484
@@ -323,4 +323,16 @@ _txt["Placement"] = "Placement";
323
323
  _txt["Max Width"] = "Max Width";
324
324
  _txt["You can test the On-Click action on page if you lock the column by clicking the lock button"] = "You can test the On-Click action on page if you lock the column by clicking the lock button";
325
325
  _txt["Remove"] = "Remove";
326
- _txt["All"] = "All";
326
+ _txt["All"] = "All";
327
+ _txt["Transparent"] = "Transparent";
328
+ _txt["Current"] = "Current";
329
+ _txt["Padding X"] = "Padding X";
330
+ _txt["Padding Y"] = "Padding Y";
331
+ _txt["SM"] = "SM";
332
+ _txt["MD"] = "MD";
333
+ _txt["LG"] = "LG";
334
+ _txt["XL"] = "XL";
335
+ _txt["2XL"] = "2XL";
336
+ _txt["3XL"] = "3XL";
337
+ _txt["Margin Left"] = "Margin Left";
338
+ _txt["Margin Right"] = "Margin Right";
@@ -323,4 +323,16 @@ _txt["Placement"] = "Placement";
323
323
  _txt["Max Width"] = "Max Width";
324
324
  _txt["You can test the On-Click action on page if you lock the column by clicking the lock button"] = "You can test the On-Click action on page if you lock the column by clicking the lock button";
325
325
  _txt["Remove"] = "Remove";
326
- _txt["All"] = "All";
326
+ _txt["All"] = "All";
327
+ _txt["Transparent"] = "Transparent";
328
+ _txt["Current"] = "Current";
329
+ _txt["Padding X"] = "Padding X";
330
+ _txt["Padding Y"] = "Padding Y";
331
+ _txt["SM"] = "SM";
332
+ _txt["MD"] = "MD";
333
+ _txt["LG"] = "LG";
334
+ _txt["XL"] = "XL";
335
+ _txt["2XL"] = "2XL";
336
+ _txt["3XL"] = "3XL";
337
+ _txt["Margin Left"] = "Margin Left";
338
+ _txt["Margin Right"] = "Margin Right";
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaeaea;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaebf1;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #ecf2f3;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaebf1;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaebed;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #ecedef;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaeaea;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaeaea;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored-dark #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored-dark .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored-dark #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored-dark .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored-dark .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored-dark #_cbhtml .is-tool#divLinkTool button,
713
- .colored-dark .is-ui .is-tool#divLinkTool button {
716
+ .colored-dark #_cbhtml .is-tool#divLinkTool button, .colored-dark #_cbhtml .is-tool#divButtonTool button, .colored-dark #_cbhtml .is-tool#divSvgTool button,
717
+ .colored-dark .is-ui .is-tool#divLinkTool button,
718
+ .colored-dark .is-ui .is-tool#divButtonTool button,
719
+ .colored-dark .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaeaea;
715
721
  }
716
- .colored-dark #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored-dark .is-ui .is-tool#divLinkTool button svg {
722
+ .colored-dark #_cbhtml .is-tool#divLinkTool button svg, .colored-dark #_cbhtml .is-tool#divButtonTool button svg, .colored-dark #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored-dark .is-ui .is-tool#divLinkTool button svg,
724
+ .colored-dark .is-ui .is-tool#divButtonTool button svg,
725
+ .colored-dark .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored-dark #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #edeef1;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaeaea;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaeaea;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #edefed;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #edefed;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaeaea;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaeaea;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eae9ea;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #eae6e4;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .colored #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .colored .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .colored #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .colored .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .colored .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .colored #_cbhtml .is-tool#divLinkTool button,
713
- .colored .is-ui .is-tool#divLinkTool button {
716
+ .colored #_cbhtml .is-tool#divLinkTool button, .colored #_cbhtml .is-tool#divButtonTool button, .colored #_cbhtml .is-tool#divSvgTool button,
717
+ .colored .is-ui .is-tool#divLinkTool button,
718
+ .colored .is-ui .is-tool#divButtonTool button,
719
+ .colored .is-ui .is-tool#divSvgTool button {
714
720
  background: #edebea;
715
721
  }
716
- .colored #_cbhtml .is-tool#divLinkTool button svg,
717
- .colored .is-ui .is-tool#divLinkTool button svg {
722
+ .colored #_cbhtml .is-tool#divLinkTool button svg, .colored #_cbhtml .is-tool#divButtonTool button svg, .colored #_cbhtml .is-tool#divSvgTool button svg,
723
+ .colored .is-ui .is-tool#divLinkTool button svg,
724
+ .colored .is-ui .is-tool#divButtonTool button svg,
725
+ .colored .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .colored #_cbhtml #divImageProgress,