@innovastudio/contentbox 1.6.67 → 1.6.69
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +4 -3
- package/public/contentbox/contentbox.css +241 -77
- package/public/contentbox/contentbox.esm.js +38187 -30673
- package/public/contentbox/contentbox.min.js +26 -18
- package/public/contentbox/lang/en.js +28 -3
- package/readme.txt +1 -1
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@innovastudio/contentbox",
|
3
3
|
"type": "module",
|
4
|
-
"version": "1.6.
|
4
|
+
"version": "1.6.69",
|
5
5
|
"description": "",
|
6
6
|
"main": "public/contentbox/contentbox.esm.js",
|
7
7
|
"files": [
|
@@ -52,7 +52,8 @@
|
|
52
52
|
"ws": "^8.13.0"
|
53
53
|
},
|
54
54
|
"dependencies": {
|
55
|
-
"@innovastudio/contentbuilder": "^1.5.
|
56
|
-
"js-beautify": "^1.14.0"
|
55
|
+
"@innovastudio/contentbuilder": "^1.5.59",
|
56
|
+
"js-beautify": "^1.14.0",
|
57
|
+
"sortablejs": "^1.15.2"
|
57
58
|
}
|
58
59
|
}
|
@@ -610,12 +610,247 @@ body.controlpanel .is-content-view.mobile {
|
|
610
610
|
}
|
611
611
|
|
612
612
|
/* /IFRAME */
|
613
|
+
*, ::before, ::after {
|
614
|
+
border-width: 0;
|
615
|
+
border-style: solid;
|
616
|
+
border-color: #e5e7eb;
|
617
|
+
}
|
618
|
+
|
613
619
|
/* UI */
|
614
620
|
.builder-ui {
|
615
621
|
font-family: sans-serif;
|
616
622
|
font-size: 13px;
|
617
623
|
font-weight: 300;
|
618
624
|
letter-spacing: 0.8px;
|
625
|
+
/* content.css */
|
626
|
+
/* /content.css */
|
627
|
+
}
|
628
|
+
.builder-ui h1, .builder-ui h2, .builder-ui h3, .builder-ui h4, .builder-ui h5, .builder-ui h6 {
|
629
|
+
font-weight: 500;
|
630
|
+
line-height: 1.17;
|
631
|
+
}
|
632
|
+
.builder-ui h1 {
|
633
|
+
font-size: 2.5rem;
|
634
|
+
margin: 1.2rem 0 1.2rem;
|
635
|
+
}
|
636
|
+
.builder-ui h2 {
|
637
|
+
font-size: 2rem;
|
638
|
+
margin: 1rem 0 1rem;
|
639
|
+
}
|
640
|
+
.builder-ui h3 {
|
641
|
+
font-size: 1.73rem;
|
642
|
+
margin: 1rem 0 1rem;
|
643
|
+
}
|
644
|
+
.builder-ui h4 {
|
645
|
+
font-size: 1.5rem;
|
646
|
+
margin: 0.5rem 0 0.5rem;
|
647
|
+
}
|
648
|
+
.builder-ui h5 {
|
649
|
+
font-size: 1.25rem;
|
650
|
+
margin: 0.5rem 0 0.5rem;
|
651
|
+
}
|
652
|
+
.builder-ui h6 {
|
653
|
+
font-size: 1rem;
|
654
|
+
margin: 0.5rem 0 0.5rem;
|
655
|
+
}
|
656
|
+
.builder-ui p {
|
657
|
+
margin: 0.8rem 0 0.8rem;
|
658
|
+
}
|
659
|
+
.builder-ui ul, .builder-ui ol {
|
660
|
+
margin: 0 0 1rem;
|
661
|
+
padding-inline-start: 20px;
|
662
|
+
}
|
663
|
+
.builder-ui a {
|
664
|
+
color: #000;
|
665
|
+
}
|
666
|
+
.builder-ui .text-left {
|
667
|
+
text-align: left;
|
668
|
+
}
|
669
|
+
.builder-ui .text-center {
|
670
|
+
text-align: center;
|
671
|
+
}
|
672
|
+
.builder-ui .text-right {
|
673
|
+
text-align: right;
|
674
|
+
}
|
675
|
+
.builder-ui .text-justify {
|
676
|
+
text-align: justify;
|
677
|
+
}
|
678
|
+
.builder-ui .ml-0 {
|
679
|
+
margin-left: 0px;
|
680
|
+
}
|
681
|
+
.builder-ui .ml-1 {
|
682
|
+
margin-left: 0.25rem;
|
683
|
+
}
|
684
|
+
.builder-ui .ml-2 {
|
685
|
+
margin-left: 0.5rem;
|
686
|
+
}
|
687
|
+
.builder-ui .ml-3 {
|
688
|
+
margin-left: 0.75rem;
|
689
|
+
}
|
690
|
+
.builder-ui .ml-4 {
|
691
|
+
margin-left: 1rem;
|
692
|
+
}
|
693
|
+
.builder-ui .ml-5 {
|
694
|
+
margin-left: 1.25rem;
|
695
|
+
}
|
696
|
+
.builder-ui .ml-6 {
|
697
|
+
margin-left: 1.5rem;
|
698
|
+
}
|
699
|
+
.builder-ui .ml-8 {
|
700
|
+
margin-left: 2rem;
|
701
|
+
}
|
702
|
+
.builder-ui .ml-10 {
|
703
|
+
margin-left: 2.5rem;
|
704
|
+
}
|
705
|
+
.builder-ui .mr-0 {
|
706
|
+
margin-right: 0px;
|
707
|
+
}
|
708
|
+
.builder-ui .mr-1 {
|
709
|
+
margin-right: 0.25rem;
|
710
|
+
}
|
711
|
+
.builder-ui .mr-2 {
|
712
|
+
margin-right: 0.5rem;
|
713
|
+
}
|
714
|
+
.builder-ui .mr-3 {
|
715
|
+
margin-right: 0.75rem;
|
716
|
+
}
|
717
|
+
.builder-ui .mr-4 {
|
718
|
+
margin-right: 1rem;
|
719
|
+
}
|
720
|
+
.builder-ui .mr-5 {
|
721
|
+
margin-right: 1.25rem;
|
722
|
+
}
|
723
|
+
.builder-ui .mr-6 {
|
724
|
+
margin-right: 1.5rem;
|
725
|
+
}
|
726
|
+
.builder-ui .mr-8 {
|
727
|
+
margin-right: 2rem;
|
728
|
+
}
|
729
|
+
.builder-ui .mr-10 {
|
730
|
+
margin-right: 2.5rem;
|
731
|
+
}
|
732
|
+
.builder-ui .mt-0 {
|
733
|
+
margin-top: 0px;
|
734
|
+
}
|
735
|
+
.builder-ui .mt-1 {
|
736
|
+
margin-top: 0.25rem;
|
737
|
+
}
|
738
|
+
.builder-ui .mt-2 {
|
739
|
+
margin-top: 0.5rem;
|
740
|
+
}
|
741
|
+
.builder-ui .mt-3 {
|
742
|
+
margin-top: 0.75rem;
|
743
|
+
}
|
744
|
+
.builder-ui .mt-4 {
|
745
|
+
margin-top: 1rem;
|
746
|
+
}
|
747
|
+
.builder-ui .mt-5 {
|
748
|
+
margin-top: 1.25rem;
|
749
|
+
}
|
750
|
+
.builder-ui .mt-6 {
|
751
|
+
margin-top: 1.5rem;
|
752
|
+
}
|
753
|
+
.builder-ui .mt-8 {
|
754
|
+
margin-top: 2rem;
|
755
|
+
}
|
756
|
+
.builder-ui .mt-10 {
|
757
|
+
margin-top: 2.5rem;
|
758
|
+
}
|
759
|
+
.builder-ui .mb-0 {
|
760
|
+
margin-bottom: 0px;
|
761
|
+
}
|
762
|
+
.builder-ui .mb-1 {
|
763
|
+
margin-bottom: 0.25rem;
|
764
|
+
}
|
765
|
+
.builder-ui .mb-2 {
|
766
|
+
margin-bottom: 0.5rem;
|
767
|
+
}
|
768
|
+
.builder-ui .mb-3 {
|
769
|
+
margin-bottom: 0.75rem;
|
770
|
+
}
|
771
|
+
.builder-ui .mb-4 {
|
772
|
+
margin-bottom: 1rem;
|
773
|
+
}
|
774
|
+
.builder-ui .mb-5 {
|
775
|
+
margin-bottom: 1.25rem;
|
776
|
+
}
|
777
|
+
.builder-ui .mb-6 {
|
778
|
+
margin-bottom: 1.5rem;
|
779
|
+
}
|
780
|
+
.builder-ui .mb-8 {
|
781
|
+
margin-bottom: 2rem;
|
782
|
+
}
|
783
|
+
.builder-ui .mb-10 {
|
784
|
+
margin-bottom: 2.5rem;
|
785
|
+
}
|
786
|
+
.builder-ui .flex {
|
787
|
+
display: flex;
|
788
|
+
}
|
789
|
+
.builder-ui .block {
|
790
|
+
display: block;
|
791
|
+
}
|
792
|
+
.builder-ui .inline {
|
793
|
+
display: inline;
|
794
|
+
}
|
795
|
+
.builder-ui .inline-block {
|
796
|
+
display: inline-block;
|
797
|
+
}
|
798
|
+
.builder-ui .inline-flex {
|
799
|
+
display: inline-flex;
|
800
|
+
}
|
801
|
+
.builder-ui .flex-row {
|
802
|
+
flex-direction: row;
|
803
|
+
}
|
804
|
+
.builder-ui .flex-row-reverse {
|
805
|
+
flex-direction: row-reverse;
|
806
|
+
}
|
807
|
+
.builder-ui .flex-col {
|
808
|
+
flex-direction: column;
|
809
|
+
}
|
810
|
+
.builder-ui .flex-col-reverse {
|
811
|
+
flex-direction: column-reverse;
|
812
|
+
}
|
813
|
+
.builder-ui .flex-wrap {
|
814
|
+
flex-wrap: wrap;
|
815
|
+
}
|
816
|
+
.builder-ui .flex-wrap-reverse {
|
817
|
+
flex-wrap: wrap-reverse;
|
818
|
+
}
|
819
|
+
.builder-ui .flex-nowrap {
|
820
|
+
flex-wrap: nowrap;
|
821
|
+
}
|
822
|
+
.builder-ui .justify-start {
|
823
|
+
justify-content: flex-start;
|
824
|
+
}
|
825
|
+
.builder-ui .justify-end {
|
826
|
+
justify-content: flex-end;
|
827
|
+
}
|
828
|
+
.builder-ui .justify-center {
|
829
|
+
justify-content: center;
|
830
|
+
}
|
831
|
+
.builder-ui .justify-between {
|
832
|
+
justify-content: space-between;
|
833
|
+
}
|
834
|
+
.builder-ui .justify-around {
|
835
|
+
justify-content: space-around;
|
836
|
+
}
|
837
|
+
.builder-ui .justify-evenly {
|
838
|
+
justify-content: space-evenly;
|
839
|
+
}
|
840
|
+
.builder-ui .items-start {
|
841
|
+
align-items: flex-start;
|
842
|
+
}
|
843
|
+
.builder-ui .items-end {
|
844
|
+
align-items: flex-end;
|
845
|
+
}
|
846
|
+
.builder-ui .items-center {
|
847
|
+
align-items: center;
|
848
|
+
}
|
849
|
+
.builder-ui .items-baseline {
|
850
|
+
align-items: baseline;
|
851
|
+
}
|
852
|
+
.builder-ui .items-stretch {
|
853
|
+
align-items: stretch;
|
619
854
|
}
|
620
855
|
.builder-ui svg {
|
621
856
|
width: 16px;
|
@@ -1112,9 +1347,13 @@ body.controlpanel .is-wrapper {
|
|
1112
1347
|
}
|
1113
1348
|
.builder-ui .is-controlpanel [class^=panel-] .subpanel {
|
1114
1349
|
padding: 14px 24px 15px;
|
1350
|
+
width: 100%;
|
1351
|
+
box-sizing: border-box;
|
1115
1352
|
}
|
1116
1353
|
.builder-ui .is-controlpanel [class^=panel-] .last .subpanel {
|
1117
1354
|
padding: 14px 24px 30px;
|
1355
|
+
width: 100%;
|
1356
|
+
box-sizing: border-box;
|
1118
1357
|
}
|
1119
1358
|
.builder-ui .is-controlpanel [class^=panel-] .subtitle {
|
1120
1359
|
font-weight: 600;
|
@@ -1173,31 +1412,6 @@ body.controlpanel .is-wrapper {
|
|
1173
1412
|
.builder-ui .is-controlpanel .panel-iframe .asset-preview div {
|
1174
1413
|
margin-top: 0 !important;
|
1175
1414
|
}
|
1176
|
-
.builder-ui .is-controlpanel .group.color-pick > div {
|
1177
|
-
width: 36px;
|
1178
|
-
display: flex;
|
1179
|
-
padding: 1px;
|
1180
|
-
align-items: center;
|
1181
|
-
}
|
1182
|
-
.builder-ui .is-controlpanel .group.color-pick > div button {
|
1183
|
-
margin: 0;
|
1184
|
-
border-radius: 6px;
|
1185
|
-
z-index: 1;
|
1186
|
-
width: 36px;
|
1187
|
-
flex: none;
|
1188
|
-
color: inherit;
|
1189
|
-
}
|
1190
|
-
.builder-ui .is-controlpanel .group.color-pick > div input {
|
1191
|
-
width: 36px;
|
1192
|
-
height: 34px;
|
1193
|
-
border-radius: 6px;
|
1194
|
-
font-weight: 200;
|
1195
|
-
outline: none;
|
1196
|
-
position: absolute;
|
1197
|
-
padding: 0;
|
1198
|
-
margin: 0;
|
1199
|
-
cursor: pointer;
|
1200
|
-
}
|
1201
1415
|
.builder-ui .is-controlpanel .group.fontsizes, .builder-ui .is-controlpanel .group.fontweight, .builder-ui .is-controlpanel .group.linespacing, .builder-ui .is-controlpanel .group.letterspacing {
|
1202
1416
|
width: 217px;
|
1203
1417
|
}
|
@@ -1600,55 +1814,6 @@ body.controlpanel .is-wrapper {
|
|
1600
1814
|
outline: none !important;
|
1601
1815
|
}
|
1602
1816
|
|
1603
|
-
input.clr-color:focus {
|
1604
|
-
border: #3e93f7 2px solid !important;
|
1605
|
-
}
|
1606
|
-
|
1607
|
-
.clr-swatches button:after {
|
1608
|
-
box-shadow: none !important;
|
1609
|
-
}
|
1610
|
-
|
1611
|
-
.clr-swatches {
|
1612
|
-
width: 100% !important;
|
1613
|
-
margin: 0 9px 9px !important;
|
1614
|
-
}
|
1615
|
-
|
1616
|
-
.clr-swatches div {
|
1617
|
-
border-radius: 5px !important;
|
1618
|
-
overflow: hidden !important;
|
1619
|
-
width: 182px !important;
|
1620
|
-
padding: 0 !important;
|
1621
|
-
}
|
1622
|
-
|
1623
|
-
.clr-swatches button {
|
1624
|
-
width: 30px !important;
|
1625
|
-
height: 28px !important;
|
1626
|
-
margin: 0 !important;
|
1627
|
-
padding: 0 !important;
|
1628
|
-
border-radius: 0 !important;
|
1629
|
-
}
|
1630
|
-
|
1631
|
-
.clr-swatches.sm button {
|
1632
|
-
width: 26px !important;
|
1633
|
-
height: 24px !important;
|
1634
|
-
}
|
1635
|
-
|
1636
|
-
.clr-preview {
|
1637
|
-
margin: 15px 0 0px 20px !important;
|
1638
|
-
}
|
1639
|
-
|
1640
|
-
input.clr-color {
|
1641
|
-
margin: 15px 20px 14px auto !important;
|
1642
|
-
}
|
1643
|
-
|
1644
|
-
.clr-swatches button, .clr-preview:before, .clr-field button {
|
1645
|
-
background-image: repeating-linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), repeating-linear-gradient(45deg, #ddd 25%, #fff 25%, #fff 75%, #ddd 75%, #ddd) !important;
|
1646
|
-
}
|
1647
|
-
|
1648
|
-
.clr-alpha, .clr-alpha div {
|
1649
|
-
background-image: repeating-linear-gradient(45deg, #bbb 25%, transparent 25%, transparent 75%, #bbb 75%, #bbb), repeating-linear-gradient(45deg, #bbb 25%, #fff 25%, #fff 75%, #bbb 75%, #bbb) !important;
|
1650
|
-
}
|
1651
|
-
|
1652
1817
|
.is-rangeslider {
|
1653
1818
|
-webkit-appearance: none;
|
1654
1819
|
width: 100%;
|
@@ -1999,9 +2164,6 @@ body.frame-center.controlpanel .is-content-view {
|
|
1999
2164
|
background-color: rgb(24, 24, 24);
|
2000
2165
|
border: #6f6f6f 1px solid;
|
2001
2166
|
}
|
2002
|
-
.dark .builder-ui .is-controlpanel .group.color-pick > div button {
|
2003
|
-
background: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
|
2004
|
-
}
|
2005
2167
|
.dark .builder-ui .is-controlpanel .panel-dialog {
|
2006
2168
|
background-color: rgb(24, 24, 24);
|
2007
2169
|
}
|
@@ -2407,6 +2569,8 @@ body.frame-center.controlpanel .is-content-view {
|
|
2407
2569
|
|
2408
2570
|
#divStyles > div img {
|
2409
2571
|
width: 100%;
|
2572
|
+
height: auto;
|
2573
|
+
min-height: 200px;
|
2410
2574
|
-webkit-transition: all 0.16s ease;
|
2411
2575
|
transition: all 0.16s ease;
|
2412
2576
|
}
|