@innovastudio/contentbuilder 1.0.78 → 1.0.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.0.78",
+  "version": "1.0.82",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.css

@@ -38,6 +38,7 @@ button:focus {
 }
 
 .is-builder {
+  transition: all ease 0.3s;
   transform-origin: top;
 }
 .is-builder > div > div:focus {
@@ -194,6 +195,7 @@ button:focus {
   font-size: 13px;
   letter-spacing: 1px;
   font-weight: 300px;
+  /*  general use */
   /*
   .rte-align-options,
   .rte-formatting-options,
@@ -542,6 +544,40 @@ button:focus {
 .is-ui .is-elementrte-tool > div:not(.is-draggable) {
   padding: 8px 10px 8px 10px;
 }
+#_cbhtml .is-general-options,
+.is-ui .is-general-options {
+  color: #000;
+  background: #fff;
+}
+#_cbhtml .is-general-options button,
+#_cbhtml .is-general-options div[role=button],
+.is-ui .is-general-options button,
+.is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: #121212;
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+#_cbhtml .is-general-options button.on,
+#_cbhtml .is-general-options div[role=button].on,
+.is-ui .is-general-options button.on,
+.is-ui .is-general-options div[role=button].on {
+  background: whitesmoke;
+}
+#_cbhtml .is-general-options button:hover,
+#_cbhtml .is-general-options div[role=button]:hover,
+.is-ui .is-general-options button:hover,
+.is-ui .is-general-options div[role=button]:hover {
+  background: whitesmoke !important;
+}
+#_cbhtml .is-general-options button svg,
+#_cbhtml .is-general-options div[role=button] svg,
+.is-ui .is-general-options button svg,
+.is-ui .is-general-options div[role=button] svg {
+  fill: #000;
+}
 #_cbhtml .is-rte-tool,
 #_cbhtml .is-elementrte-tool,
 #_cbhtml .is-rte-pop.rte-more-options,
@@ -556,6 +592,51 @@ button:focus {
   background: #fff;
   box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 9px 0px;
 }
+#_cbhtml .is-rte-tool div[role=button],
+#_cbhtml .is-elementrte-tool div[role=button],
+#_cbhtml .is-rte-pop.rte-more-options div[role=button],
+#_cbhtml .is-rte-pop.elementrte-more-options div[role=button],
+.is-ui .is-rte-tool div[role=button],
+.is-ui .is-elementrte-tool div[role=button],
+.is-ui .is-rte-pop.rte-more-options div[role=button],
+.is-ui .is-rte-pop.elementrte-more-options div[role=button] {
+  background-color: transparent;
+  color: #121212;
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+#_cbhtml .is-rte-tool div[role=button].on,
+#_cbhtml .is-elementrte-tool div[role=button].on,
+#_cbhtml .is-rte-pop.rte-more-options div[role=button].on,
+#_cbhtml .is-rte-pop.elementrte-more-options div[role=button].on,
+.is-ui .is-rte-tool div[role=button].on,
+.is-ui .is-elementrte-tool div[role=button].on,
+.is-ui .is-rte-pop.rte-more-options div[role=button].on,
+.is-ui .is-rte-pop.elementrte-more-options div[role=button].on {
+  background: whitesmoke;
+}
+#_cbhtml .is-rte-tool div[role=button]:hover,
+#_cbhtml .is-elementrte-tool div[role=button]:hover,
+#_cbhtml .is-rte-pop.rte-more-options div[role=button]:hover,
+#_cbhtml .is-rte-pop.elementrte-more-options div[role=button]:hover,
+.is-ui .is-rte-tool div[role=button]:hover,
+.is-ui .is-elementrte-tool div[role=button]:hover,
+.is-ui .is-rte-pop.rte-more-options div[role=button]:hover,
+.is-ui .is-rte-pop.elementrte-more-options div[role=button]:hover {
+  background: whitesmoke;
+}
+#_cbhtml .is-rte-tool div[role=button] svg,
+#_cbhtml .is-elementrte-tool div[role=button] svg,
+#_cbhtml .is-rte-pop.rte-more-options div[role=button] svg,
+#_cbhtml .is-rte-pop.elementrte-more-options div[role=button] svg,
+.is-ui .is-rte-tool div[role=button] svg,
+.is-ui .is-elementrte-tool div[role=button] svg,
+.is-ui .is-rte-pop.rte-more-options div[role=button] svg,
+.is-ui .is-rte-pop.elementrte-more-options div[role=button] svg {
+  fill: #000;
+}
 #_cbhtml .is-rte-tool button,
 #_cbhtml .is-elementrte-tool button,
 #_cbhtml .is-rte-pop.rte-more-options button,