@innovastudio/contentbuilder 1.4.29 → 1.4.31
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.
package/package.json
CHANGED
|
@@ -2460,7 +2460,7 @@ button:focus-visible {
|
|
|
2460
2460
|
#_cbhtml .is-modal.buttoneditor #divButtonTemplateList a,
|
|
2461
2461
|
.is-ui .is-modal.buttoneditor #divButtonTemplateList a {
|
|
2462
2462
|
position: relative;
|
|
2463
|
-
margin: 15px
|
|
2463
|
+
margin: 15px 28px 13px 0;
|
|
2464
2464
|
outline-offset: 2px;
|
|
2465
2465
|
}
|
|
2466
2466
|
#_cbhtml .is-modal.columnsettings .is-modal-bar, #_cbhtml .is-modal.rowsettings .is-modal-bar,
|
|
@@ -17662,7 +17662,7 @@ const renderQuickAdd = builder => {
|
|
|
17662
17662
|
if (elm) dom.addEventListener(elm, 'click', () => {
|
|
17663
17663
|
const mode = quickadd.getAttribute('data-mode');
|
|
17664
17664
|
let html = `<div>
|
|
17665
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid py-2 px-
|
|
17665
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-12 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Read More</a>
|
|
17666
17666
|
</div>`;
|
|
17667
17667
|
|
|
17668
17668
|
if (builder.opts.emailMode) {
|
|
@@ -17675,8 +17675,8 @@ const renderQuickAdd = builder => {
|
|
|
17675
17675
|
if (elm) dom.addEventListener(elm, 'click', () => {
|
|
17676
17676
|
const mode = quickadd.getAttribute('data-mode');
|
|
17677
17677
|
let html = `<div>
|
|
17678
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid py-2 px-
|
|
17679
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-
|
|
17678
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-12 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Read More</a>
|
|
17679
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 border-current hover:border-current font-normal leading-12 rounded tracking-wide">Get Started</a>
|
|
17680
17680
|
</div>`;
|
|
17681
17681
|
|
|
17682
17682
|
if (builder.opts.emailMode) {
|
|
@@ -51226,7 +51226,10 @@ class ButtonEditor {
|
|
|
51226
51226
|
<button title="4" data-command="4" class="paddingx-command" style="margin-right:4px">4</button>
|
|
51227
51227
|
<button title="5" data-command="5" class="paddingx-command" style="margin-right:4px">5</button>
|
|
51228
51228
|
<button title="6" data-command="6" class="paddingx-command" style="margin-right:4px">6</button>
|
|
51229
|
+
<button title="7" data-command="7" class="paddingx-command" style="margin-right:4px">7</button>
|
|
51229
51230
|
<button title="8" data-command="8" class="paddingx-command" style="margin-right:4px">8</button>
|
|
51231
|
+
<button title="9" data-command="9" class="paddingx-command" style="margin-right:4px">9</button>
|
|
51232
|
+
<button title="10" data-command="10" class="paddingx-command" style="margin-right:4px">10</button>
|
|
51230
51233
|
<button title="11" data-command="11" class="paddingx-command" style="margin-right:4px">11</button>
|
|
51231
51234
|
<button title="12" data-command="12" class="paddingx-command" style="margin-right:4px">12</button>
|
|
51232
51235
|
</div>
|
|
@@ -51716,10 +51719,22 @@ class ButtonEditor {
|
|
|
51716
51719
|
dom.addClass(activeButton, 'px-6');
|
|
51717
51720
|
}
|
|
51718
51721
|
|
|
51722
|
+
if (val === '7') {
|
|
51723
|
+
dom.addClass(activeButton, 'px-7');
|
|
51724
|
+
}
|
|
51725
|
+
|
|
51719
51726
|
if (val === '8') {
|
|
51720
51727
|
dom.addClass(activeButton, 'px-8');
|
|
51721
51728
|
}
|
|
51722
51729
|
|
|
51730
|
+
if (val === '9') {
|
|
51731
|
+
dom.addClass(activeButton, 'px-9');
|
|
51732
|
+
}
|
|
51733
|
+
|
|
51734
|
+
if (val === '10') {
|
|
51735
|
+
dom.addClass(activeButton, 'px-10');
|
|
51736
|
+
}
|
|
51737
|
+
|
|
51723
51738
|
if (val === '11') {
|
|
51724
51739
|
dom.addClass(activeButton, 'px-11');
|
|
51725
51740
|
}
|
|
@@ -52454,45 +52469,135 @@ class ButtonEditor {
|
|
|
52454
52469
|
/* rounded */
|
|
52455
52470
|
{
|
|
52456
52471
|
html: `
|
|
52457
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-
|
|
52472
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-7 border-current hover:border-current font-normal leading-12 rounded-full tracking-wide">Read More</a>
|
|
52473
|
+
`
|
|
52474
|
+
}, {
|
|
52475
|
+
html: `
|
|
52476
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-7 text-black leading-12 rounded-full border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
|
|
52477
|
+
`
|
|
52478
|
+
}, {
|
|
52479
|
+
html: `
|
|
52480
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
|
|
52481
|
+
`
|
|
52482
|
+
}, {
|
|
52483
|
+
html: `
|
|
52484
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
|
|
52485
|
+
`
|
|
52486
|
+
}, {
|
|
52487
|
+
html: `
|
|
52488
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
|
|
52489
|
+
`
|
|
52490
|
+
}, {
|
|
52491
|
+
html: `
|
|
52492
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-7 border-current hover:border-current font-normal leading-12 tracking-wide rounded-full" style="color: rgb(255, 255, 255);">Get Started</a>
|
|
52493
|
+
`
|
|
52494
|
+
},
|
|
52495
|
+
/* colors */
|
|
52496
|
+
{
|
|
52497
|
+
html: `
|
|
52498
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
|
|
52499
|
+
`
|
|
52500
|
+
}, {
|
|
52501
|
+
html: `
|
|
52502
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
|
|
52503
|
+
`
|
|
52504
|
+
}, {
|
|
52505
|
+
html: `
|
|
52506
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
|
|
52507
|
+
`
|
|
52508
|
+
}, {
|
|
52509
|
+
html: `
|
|
52510
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
|
|
52511
|
+
`
|
|
52512
|
+
},
|
|
52513
|
+
/* square */
|
|
52514
|
+
{
|
|
52515
|
+
html: `
|
|
52516
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 border-current hover:border-current font-normal leading-12 rounded tracking-wide">Read More</a>
|
|
52517
|
+
`
|
|
52518
|
+
}, {
|
|
52519
|
+
html: `
|
|
52520
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-12 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
|
|
52521
|
+
`
|
|
52522
|
+
}, {
|
|
52523
|
+
html: `
|
|
52524
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
|
|
52525
|
+
`
|
|
52526
|
+
}, {
|
|
52527
|
+
html: `
|
|
52528
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
|
|
52529
|
+
`
|
|
52530
|
+
}, {
|
|
52531
|
+
html: `
|
|
52532
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
|
|
52533
|
+
`
|
|
52534
|
+
}, {
|
|
52535
|
+
html: `
|
|
52536
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 border-current hover:border-current font-normal leading-12 tracking-wide rounded" style="color: rgb(255, 255, 255);">Get Started</a>
|
|
52537
|
+
`
|
|
52538
|
+
},
|
|
52539
|
+
/* colors */
|
|
52540
|
+
{
|
|
52541
|
+
html: `
|
|
52542
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
|
|
52543
|
+
`
|
|
52544
|
+
}, {
|
|
52545
|
+
html: `
|
|
52546
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
|
|
52547
|
+
`
|
|
52548
|
+
}, {
|
|
52549
|
+
html: `
|
|
52550
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
|
|
52551
|
+
`
|
|
52552
|
+
}, {
|
|
52553
|
+
html: `
|
|
52554
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-6 font-normal leading-12 border-transparent rounded ml-0 mt-1 size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
|
|
52555
|
+
`
|
|
52556
|
+
},
|
|
52557
|
+
/* MEDIUM */
|
|
52558
|
+
|
|
52559
|
+
/* rounded */
|
|
52560
|
+
{
|
|
52561
|
+
html: `
|
|
52562
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-9 border-current hover:border-current font-normal leading-relaxed rounded-full tracking-wide">Read More</a>
|
|
52458
52563
|
`
|
|
52459
52564
|
}, {
|
|
52460
52565
|
html: `
|
|
52461
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-
|
|
52566
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-9 text-black leading-relaxed rounded-full border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
|
|
52462
52567
|
`
|
|
52463
52568
|
}, {
|
|
52464
52569
|
html: `
|
|
52465
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-
|
|
52570
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-9 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
|
|
52466
52571
|
`
|
|
52467
52572
|
}, {
|
|
52468
52573
|
html: `
|
|
52469
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-
|
|
52574
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-9 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
|
|
52470
52575
|
`
|
|
52471
52576
|
}, {
|
|
52472
52577
|
html: `
|
|
52473
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-
|
|
52578
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-9 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
|
|
52474
52579
|
`
|
|
52475
52580
|
}, {
|
|
52476
52581
|
html: `
|
|
52477
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-
|
|
52582
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-9 border-current hover:border-current font-normal leading-relaxed tracking-wide rounded-full" style="color: rgb(255, 255, 255);">Get Started</a>
|
|
52478
52583
|
`
|
|
52479
52584
|
},
|
|
52480
52585
|
/* colors */
|
|
52481
52586
|
{
|
|
52482
52587
|
html: `
|
|
52483
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-
|
|
52588
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-9 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
|
|
52484
52589
|
`
|
|
52485
52590
|
}, {
|
|
52486
52591
|
html: `
|
|
52487
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-
|
|
52592
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-9 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
|
|
52488
52593
|
`
|
|
52489
52594
|
}, {
|
|
52490
52595
|
html: `
|
|
52491
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-
|
|
52596
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-9 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
|
|
52492
52597
|
`
|
|
52493
52598
|
}, {
|
|
52494
52599
|
html: `
|
|
52495
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-
|
|
52600
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-9 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
|
|
52496
52601
|
`
|
|
52497
52602
|
},
|
|
52498
52603
|
/* square */
|
|
@@ -52544,45 +52649,45 @@ class ButtonEditor {
|
|
|
52544
52649
|
/* rounded */
|
|
52545
52650
|
{
|
|
52546
52651
|
html: `
|
|
52547
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-
|
|
52652
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-12 uppercase border-current hover:border-current font-normal leading-relaxed rounded-full tracking-75">Read More</a>
|
|
52548
52653
|
`
|
|
52549
52654
|
}, {
|
|
52550
52655
|
html: `
|
|
52551
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-
|
|
52656
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-12 uppercase text-black leading-relaxed rounded-full border-transparent hover:border-transparent font-normal tracking-75" style="background-color: rgb(240, 240, 240);">Get Started</a>
|
|
52552
52657
|
`
|
|
52553
52658
|
}, {
|
|
52554
52659
|
html: `
|
|
52555
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-
|
|
52660
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-12 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
|
|
52556
52661
|
`
|
|
52557
52662
|
}, {
|
|
52558
52663
|
html: `
|
|
52559
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-
|
|
52664
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-12 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
|
|
52560
52665
|
`
|
|
52561
52666
|
}, {
|
|
52562
52667
|
html: `
|
|
52563
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-
|
|
52668
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-12 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
|
|
52564
52669
|
`
|
|
52565
52670
|
}, {
|
|
52566
52671
|
html: `
|
|
52567
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-
|
|
52672
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-12 uppercase border-current hover:border-current font-normal leading-relaxed tracking-75 rounded-full" style="color: rgb(255, 255, 255);">Get Started</a>
|
|
52568
52673
|
`
|
|
52569
52674
|
},
|
|
52570
52675
|
/* colors */
|
|
52571
52676
|
{
|
|
52572
52677
|
html: `
|
|
52573
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-
|
|
52678
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-12 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
|
|
52574
52679
|
`
|
|
52575
52680
|
}, {
|
|
52576
52681
|
html: `
|
|
52577
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-
|
|
52682
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-12 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
|
|
52578
52683
|
`
|
|
52579
52684
|
}, {
|
|
52580
52685
|
html: `
|
|
52581
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-
|
|
52686
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-12 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
|
|
52582
52687
|
`
|
|
52583
52688
|
}, {
|
|
52584
52689
|
html: `
|
|
52585
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-
|
|
52690
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-12 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
|
|
52586
52691
|
`
|
|
52587
52692
|
},
|
|
52588
52693
|
/* square */
|
|
@@ -52716,6 +52821,7 @@ class ButtonEditor {
|
|
|
52716
52821
|
|
|
52717
52822
|
activeButton.classList.remove('active');
|
|
52718
52823
|
this.realtime();
|
|
52824
|
+
this.builder.opts.onChange();
|
|
52719
52825
|
e.preventDefault();
|
|
52720
52826
|
return false;
|
|
52721
52827
|
});
|
|
@@ -81530,8 +81636,11 @@ class ContentBuilder {
|
|
|
81530
81636
|
Additional Cleanup:
|
|
81531
81637
|
- Remove empty elements (empty p, etc)
|
|
81532
81638
|
*/
|
|
81533
|
-
this.activeCol.find('h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty').remove();
|
|
81534
|
-
|
|
81639
|
+
// this.activeCol.find('h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty').remove();
|
|
81640
|
+
// this.activeCol.querySelectorAll('*:empty').forEach((x)=>{x.remove();}); // Makes <img> removed
|
|
81641
|
+
this.activeCol.querySelectorAll('h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty').forEach(x => {
|
|
81642
|
+
x.remove();
|
|
81643
|
+
});
|
|
81535
81644
|
/*
|
|
81536
81645
|
Additional Cleanup:
|
|
81537
81646
|
Fix HTML structure. The problem:
|