@innovastudio/contentbuilder 1.5.154 → 1.5.156
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/index.d.ts +1 -0
- package/package.json +1 -1
- package/public/contentbuilder/content.css +106 -106
- package/public/contentbuilder/contentbuilder.css +65 -30
- package/public/contentbuilder/contentbuilder.esm.js +928 -274
- package/public/contentbuilder/contentbuilder.min.js +8 -8
- package/readme.txt +1 -1
|
@@ -1333,8 +1333,8 @@ const renderQuickAdd = builder => {
|
|
|
1333
1333
|
dom.addEventListener(elm, 'click', () => {
|
|
1334
1334
|
const mode = quickadd.getAttribute('data-mode');
|
|
1335
1335
|
let html = `<div>
|
|
1336
|
-
|
|
1337
|
-
|
|
1336
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mt-2 mb-1 font-normal tracking-normal rounded-full py-2 px-6 size-15 leading-14 border-transparent hover:border-transparent" style="color: rgb(24, 24, 27); background-color: rgb(240, 240, 241);" onmouseover="if(this.getAttribute('data-hover-bg'))this.style.backgroundColor=this.getAttribute('data-hover-bg');" onmouseout="if(this.getAttribute('data-bg'))this.style.backgroundColor=this.getAttribute('data-bg');else this.style.backgroundColor='';" data-bg="rgb(240, 240, 241)" data-hover-bg="rgb(236, 236, 238)">Read More</a>
|
|
1337
|
+
</div>`;
|
|
1338
1338
|
if (builder.opts.emailMode) {
|
|
1339
1339
|
html = '<div><a href="#" role="button" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a></div>';
|
|
1340
1340
|
}
|
|
@@ -1343,10 +1343,10 @@ const renderQuickAdd = builder => {
|
|
|
1343
1343
|
elm = quickadd.querySelector('.add-twobutton');
|
|
1344
1344
|
dom.addEventListener(elm, 'click', () => {
|
|
1345
1345
|
const mode = quickadd.getAttribute('data-mode');
|
|
1346
|
-
let html = `<div>
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1346
|
+
let html = `<div class="space-x-1">
|
|
1347
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mt-2 mb-1 font-normal tracking-normal rounded-full py-2 px-6 size-15 leading-14 border-transparent hover:border-transparent" style="color: rgb(24, 24, 27); background-color: rgb(240, 240, 241);" onmouseover="if(this.getAttribute('data-hover-bg'))this.style.backgroundColor=this.getAttribute('data-hover-bg');" onmouseout="if(this.getAttribute('data-bg'))this.style.backgroundColor=this.getAttribute('data-bg');else this.style.backgroundColor='';" data-bg="rgb(240, 240, 241)" data-hover-bg="rgb(236, 236, 238)">Read More</a>
|
|
1348
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mt-2 mb-1 font-normal tracking-normal rounded-full py-2 px-6 size-15 leading-14 border-transparent hover:border-transparent" style="color: rgb(250, 250, 250); background-color: rgb(24, 24, 27);" onmouseover="if(this.getAttribute('data-hover-bg'))this.style.backgroundColor=this.getAttribute('data-hover-bg');" onmouseout="if(this.getAttribute('data-bg'))this.style.backgroundColor=this.getAttribute('data-bg');else this.style.backgroundColor='';" data-bg="rgb(24, 24, 27)" data-hover-bg="rgb(63, 63, 70)">Get Started</a>
|
|
1349
|
+
</div>`;
|
|
1350
1350
|
if (builder.opts.emailMode) {
|
|
1351
1351
|
html = `<div>
|
|
1352
1352
|
<a href="#" role="button" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a>
|
|
@@ -15027,6 +15027,34 @@ class HtmlUtil {
|
|
|
15027
15027
|
elm.innerHTML = '';
|
|
15028
15028
|
});
|
|
15029
15029
|
}
|
|
15030
|
+
|
|
15031
|
+
// Clean all interactive components
|
|
15032
|
+
const components = tmp.querySelectorAll('[data-cb-type]');
|
|
15033
|
+
components.forEach(element => {
|
|
15034
|
+
const original = element.getAttribute('data-cb-original-content');
|
|
15035
|
+
if (original) {
|
|
15036
|
+
// Restore original HTML
|
|
15037
|
+
element.innerHTML = original;
|
|
15038
|
+
|
|
15039
|
+
// Remove runtime-added attributes
|
|
15040
|
+
element.removeAttribute('data-cb-original-content');
|
|
15041
|
+
|
|
15042
|
+
// element.removeAttribute('data-cb-logo-loop-initialized');
|
|
15043
|
+
|
|
15044
|
+
Array.from(element.attributes).forEach(attr => {
|
|
15045
|
+
const name = attr.name;
|
|
15046
|
+
// Remove any attribute that starts with "data-cb-" and ends with "-initialized"
|
|
15047
|
+
if (name.startsWith('data-cb-') && name.endsWith('-initialized')) {
|
|
15048
|
+
element.removeAttribute(name);
|
|
15049
|
+
}
|
|
15050
|
+
});
|
|
15051
|
+
element.removeAttribute('data-cb-editmode');
|
|
15052
|
+
|
|
15053
|
+
// Remove runtime-added classes
|
|
15054
|
+
const type = element.getAttribute('data-cb-type');
|
|
15055
|
+
element.classList.remove(`cb-${type}`);
|
|
15056
|
+
}
|
|
15057
|
+
});
|
|
15030
15058
|
html = '';
|
|
15031
15059
|
if (multiple) {
|
|
15032
15060
|
//ContentBox
|
|
@@ -47687,7 +47715,7 @@ class ButtonEditor {
|
|
|
47687
47715
|
</div>
|
|
47688
47716
|
<div id="divButtonTemplates" class="is-tab-content" tabindex="-1" data-group="button">
|
|
47689
47717
|
|
|
47690
|
-
<div id="divButtonTemplateList"
|
|
47718
|
+
<div id="divButtonTemplateList"></div>
|
|
47691
47719
|
|
|
47692
47720
|
</div>
|
|
47693
47721
|
</div>
|
|
@@ -48662,334 +48690,953 @@ class ButtonEditor {
|
|
|
48662
48690
|
callback(currColor);
|
|
48663
48691
|
this.builderStuff.removeChild(elm);
|
|
48664
48692
|
}
|
|
48665
|
-
renderTemplates() {
|
|
48666
|
-
const templates = [/* rounded */
|
|
48667
48693
|
|
|
48694
|
+
// Button generator function
|
|
48695
|
+
generateButton(config) {
|
|
48696
|
+
const {
|
|
48697
|
+
type = 'outline',
|
|
48698
|
+
shape = 'rounded',
|
|
48699
|
+
size = 'medium',
|
|
48700
|
+
text = 'Button',
|
|
48701
|
+
color,
|
|
48702
|
+
bg,
|
|
48703
|
+
hoverBg,
|
|
48704
|
+
borderColor,
|
|
48705
|
+
// hoverBorderColor,
|
|
48706
|
+
customClasses = '',
|
|
48707
|
+
href = '#'
|
|
48708
|
+
} = config;
|
|
48709
|
+
|
|
48710
|
+
// Base classes that all buttons share
|
|
48711
|
+
const baseClasses = 'transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mt-2 mb-1 font-normal tracking-normal';
|
|
48712
|
+
|
|
48713
|
+
// Shape classes
|
|
48714
|
+
const shapeClasses = {
|
|
48715
|
+
'rounded': 'rounded-full',
|
|
48716
|
+
'square': '',
|
|
48717
|
+
'slightly-rounded': 'rounded-lg'
|
|
48718
|
+
};
|
|
48719
|
+
|
|
48720
|
+
// Size classes - adjust padding, font size, and line height
|
|
48721
|
+
const sizeClasses = {
|
|
48722
|
+
'small': 'py-1 px-4 size-14 leading-13',
|
|
48723
|
+
'medium': 'py-2 px-6 size-15 leading-14',
|
|
48724
|
+
'large': 'py-2 px-7 size-16 leading-16'
|
|
48725
|
+
};
|
|
48726
|
+
|
|
48727
|
+
// Build the final class string
|
|
48728
|
+
// let classes = `${baseClasses} ${shapeClasses[shape] || ''} ${customClasses}`.trim();
|
|
48729
|
+
let classes = `${baseClasses} ${shapeClasses[shape] || ''} ${sizeClasses[size] || sizeClasses.medium} ${customClasses}`.trim();
|
|
48730
|
+
|
|
48731
|
+
// 🔹 Remove 'no-underline' if 'underline' exists in customClasses
|
|
48732
|
+
if (/\bunderline\b/.test(customClasses)) {
|
|
48733
|
+
classes = classes.replace(/\bno-underline\b/, '').trim();
|
|
48734
|
+
}
|
|
48735
|
+
|
|
48736
|
+
// Build style and attributes based on type
|
|
48737
|
+
if (type === 'outline') {
|
|
48738
|
+
// Outline button
|
|
48739
|
+
const borderClass = borderColor ? '' : 'border-current hover:border-current';
|
|
48740
|
+
classes += ` ${borderClass}`;
|
|
48741
|
+
|
|
48742
|
+
// const styleAttr = borderColor ? `style="border-color: ${borderColor};"` : '';
|
|
48743
|
+
const styleAttr = color ? `style="color: ${color};"` : '';
|
|
48744
|
+
return {
|
|
48745
|
+
html: `<a href="${href}" role="button" class="${classes}"${styleAttr ? ' ' + styleAttr : ''}>${text}</a>`
|
|
48746
|
+
};
|
|
48747
|
+
} else if (type === 'solid') {
|
|
48748
|
+
// Solid button with background
|
|
48749
|
+
classes += ' border-transparent hover:border-transparent';
|
|
48750
|
+
let html = '<a\n';
|
|
48751
|
+
html += ` href="${href}"\n`;
|
|
48752
|
+
html += ' role="button"\n';
|
|
48753
|
+
html += ` class="${classes}"\n`;
|
|
48754
|
+
if (color || bg) {
|
|
48755
|
+
const styles = [];
|
|
48756
|
+
if (color) styles.push(`color: ${color}`);
|
|
48757
|
+
if (bg) styles.push(`background-color: ${bg}`);
|
|
48758
|
+
html += ` style="${styles.join('; ')};"`;
|
|
48759
|
+
}
|
|
48760
|
+
if (bg && hoverBg) {
|
|
48761
|
+
html += `\n data-bg="${bg}"`;
|
|
48762
|
+
html += `\n data-hover-bg="${hoverBg}"`;
|
|
48763
|
+
html += '\n onmouseover="if(this.getAttribute(\'data-hover-bg\'))this.style.backgroundColor=this.getAttribute(\'data-hover-bg\');"';
|
|
48764
|
+
html += '\n onmouseout="if(this.getAttribute(\'data-bg\'))this.style.backgroundColor=this.getAttribute(\'data-bg\');else this.style.backgroundColor=\'\';"';
|
|
48765
|
+
}
|
|
48766
|
+
html += '>\n';
|
|
48767
|
+
html += ` ${text}\n`;
|
|
48768
|
+
html += '</a>';
|
|
48769
|
+
return {
|
|
48770
|
+
html
|
|
48771
|
+
};
|
|
48772
|
+
}
|
|
48773
|
+
}
|
|
48774
|
+
renderTemplates() {
|
|
48775
|
+
// Button configuration
|
|
48776
|
+
const buttonConfigs = [
|
|
48777
|
+
// Rounded buttons
|
|
48668
48778
|
{
|
|
48669
|
-
|
|
48670
|
-
|
|
48671
|
-
|
|
48779
|
+
type: 'solid',
|
|
48780
|
+
shape: 'rounded',
|
|
48781
|
+
text: 'Read More',
|
|
48782
|
+
color: 'rgb(24, 24, 27)',
|
|
48783
|
+
bg: 'transparent',
|
|
48784
|
+
hoverBg: 'transparent',
|
|
48785
|
+
customClasses: 'underline'
|
|
48672
48786
|
}, {
|
|
48673
|
-
|
|
48674
|
-
|
|
48675
|
-
|
|
48787
|
+
type: 'outline',
|
|
48788
|
+
shape: 'rounded',
|
|
48789
|
+
text: 'Read More'
|
|
48676
48790
|
}, {
|
|
48677
|
-
|
|
48678
|
-
|
|
48679
|
-
|
|
48791
|
+
type: 'solid',
|
|
48792
|
+
shape: 'rounded',
|
|
48793
|
+
text: 'Read More',
|
|
48794
|
+
color: 'rgb(24, 24, 27)',
|
|
48795
|
+
bg: 'rgb(240, 240, 241)',
|
|
48796
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48680
48797
|
}, {
|
|
48681
|
-
|
|
48682
|
-
|
|
48683
|
-
|
|
48798
|
+
type: 'solid',
|
|
48799
|
+
shape: 'rounded',
|
|
48800
|
+
text: 'Read More',
|
|
48801
|
+
color: 'rgb(250, 250, 250)',
|
|
48802
|
+
bg: 'rgb(24, 24, 27)',
|
|
48803
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48684
48804
|
}, {
|
|
48685
|
-
|
|
48686
|
-
|
|
48687
|
-
|
|
48805
|
+
type: 'outline',
|
|
48806
|
+
shape: 'rounded',
|
|
48807
|
+
text: 'Read More',
|
|
48808
|
+
color: 'rgb(250, 250, 250)',
|
|
48809
|
+
bg: 'transparent',
|
|
48810
|
+
hoverBg: 'transparent'
|
|
48688
48811
|
}, {
|
|
48689
|
-
|
|
48690
|
-
|
|
48691
|
-
|
|
48692
|
-
|
|
48812
|
+
type: 'solid',
|
|
48813
|
+
shape: 'rounded',
|
|
48814
|
+
text: 'Read More',
|
|
48815
|
+
color: '#ffffff',
|
|
48816
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
48817
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
48818
|
+
}, {
|
|
48819
|
+
type: 'solid',
|
|
48820
|
+
shape: 'rounded',
|
|
48821
|
+
text: 'Read More',
|
|
48822
|
+
color: '#ffffff',
|
|
48823
|
+
bg: '#3b82f6',
|
|
48824
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
48825
|
+
}, {
|
|
48826
|
+
type: 'solid',
|
|
48827
|
+
shape: 'rounded',
|
|
48828
|
+
text: 'Read More',
|
|
48829
|
+
color: 'rgb(24, 24, 27)',
|
|
48830
|
+
bg: '#fff',
|
|
48831
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
48832
|
+
},
|
|
48833
|
+
// Colors
|
|
48693
48834
|
{
|
|
48694
|
-
|
|
48695
|
-
|
|
48696
|
-
|
|
48835
|
+
type: 'solid',
|
|
48836
|
+
shape: 'rounded',
|
|
48837
|
+
size: 'medium',
|
|
48838
|
+
text: 'Read More',
|
|
48839
|
+
color: 'rgb(24, 24, 27)',
|
|
48840
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
48841
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
48842
|
+
}, {
|
|
48843
|
+
type: 'solid',
|
|
48844
|
+
shape: 'rounded',
|
|
48845
|
+
size: 'medium',
|
|
48846
|
+
text: 'Read More',
|
|
48847
|
+
color: '#ffffff',
|
|
48848
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
48849
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
48850
|
+
}, {
|
|
48851
|
+
type: 'solid',
|
|
48852
|
+
shape: 'rounded',
|
|
48853
|
+
size: 'medium',
|
|
48854
|
+
text: 'Read More',
|
|
48855
|
+
color: 'rgb(24, 24, 27)',
|
|
48856
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
48857
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
48858
|
+
}, {
|
|
48859
|
+
type: 'solid',
|
|
48860
|
+
shape: 'rounded',
|
|
48861
|
+
size: 'medium',
|
|
48862
|
+
text: 'Read More',
|
|
48863
|
+
color: '#ffffff',
|
|
48864
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
48865
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
48866
|
+
}, {
|
|
48867
|
+
type: 'solid',
|
|
48868
|
+
shape: 'rounded',
|
|
48869
|
+
size: 'medium',
|
|
48870
|
+
text: 'Read More',
|
|
48871
|
+
color: '#ffffff',
|
|
48872
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
48873
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
48874
|
+
}, {
|
|
48875
|
+
type: 'solid',
|
|
48876
|
+
shape: 'rounded',
|
|
48877
|
+
size: 'medium',
|
|
48878
|
+
text: 'Read More',
|
|
48879
|
+
color: '#ffffff',
|
|
48880
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
48881
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
48882
|
+
}, {
|
|
48883
|
+
type: 'solid',
|
|
48884
|
+
shape: 'rounded',
|
|
48885
|
+
size: 'medium',
|
|
48886
|
+
text: 'Read More',
|
|
48887
|
+
color: 'rgb(24, 24, 27)',
|
|
48888
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
48889
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
48697
48890
|
}, {
|
|
48698
|
-
|
|
48699
|
-
|
|
48700
|
-
|
|
48891
|
+
type: 'solid',
|
|
48892
|
+
shape: 'rounded',
|
|
48893
|
+
size: 'medium',
|
|
48894
|
+
text: 'Read More',
|
|
48895
|
+
color: '#ffffff',
|
|
48896
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
48897
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
48701
48898
|
}, {
|
|
48702
|
-
|
|
48703
|
-
|
|
48704
|
-
|
|
48899
|
+
type: 'solid',
|
|
48900
|
+
shape: 'rounded',
|
|
48901
|
+
size: 'medium',
|
|
48902
|
+
text: 'Read More',
|
|
48903
|
+
color: '#ffffff',
|
|
48904
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
48905
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
48705
48906
|
}, {
|
|
48706
|
-
|
|
48707
|
-
|
|
48708
|
-
|
|
48709
|
-
|
|
48907
|
+
type: 'solid',
|
|
48908
|
+
shape: 'rounded',
|
|
48909
|
+
size: 'medium',
|
|
48910
|
+
text: 'Read More',
|
|
48911
|
+
color: 'rgb(24, 24, 27)',
|
|
48912
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
48913
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
48914
|
+
},
|
|
48915
|
+
// Slightly Rounded buttons
|
|
48710
48916
|
{
|
|
48711
|
-
|
|
48712
|
-
|
|
48713
|
-
|
|
48917
|
+
type: 'solid',
|
|
48918
|
+
shape: 'slightly-rounded',
|
|
48919
|
+
text: 'Read More',
|
|
48920
|
+
color: 'rgb(24, 24, 27)',
|
|
48921
|
+
bg: 'transparent',
|
|
48922
|
+
hoverBg: 'transparent',
|
|
48923
|
+
customClasses: 'underline'
|
|
48924
|
+
}, {
|
|
48925
|
+
type: 'outline',
|
|
48926
|
+
shape: 'slightly-rounded',
|
|
48927
|
+
text: 'Read More'
|
|
48714
48928
|
}, {
|
|
48715
|
-
|
|
48716
|
-
|
|
48717
|
-
|
|
48929
|
+
type: 'solid',
|
|
48930
|
+
shape: 'slightly-rounded',
|
|
48931
|
+
text: 'Read More',
|
|
48932
|
+
color: 'rgb(24, 24, 27)',
|
|
48933
|
+
bg: 'rgb(240, 240, 241)',
|
|
48934
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48718
48935
|
}, {
|
|
48719
|
-
|
|
48720
|
-
|
|
48721
|
-
|
|
48936
|
+
type: 'solid',
|
|
48937
|
+
shape: 'slightly-rounded',
|
|
48938
|
+
text: 'Read More',
|
|
48939
|
+
color: 'rgb(250, 250, 250)',
|
|
48940
|
+
bg: 'rgb(24, 24, 27)',
|
|
48941
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48722
48942
|
}, {
|
|
48723
|
-
|
|
48724
|
-
|
|
48725
|
-
|
|
48943
|
+
type: 'outline',
|
|
48944
|
+
shape: 'slightly-rounded',
|
|
48945
|
+
text: 'Read More',
|
|
48946
|
+
color: 'rgb(250, 250, 250)',
|
|
48947
|
+
bg: 'transparent',
|
|
48948
|
+
hoverBg: 'transparent'
|
|
48726
48949
|
}, {
|
|
48727
|
-
|
|
48728
|
-
|
|
48729
|
-
|
|
48950
|
+
type: 'solid',
|
|
48951
|
+
shape: 'slightly-rounded',
|
|
48952
|
+
text: 'Read More',
|
|
48953
|
+
color: '#ffffff',
|
|
48954
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
48955
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
48730
48956
|
}, {
|
|
48731
|
-
|
|
48732
|
-
|
|
48733
|
-
|
|
48734
|
-
|
|
48957
|
+
type: 'solid',
|
|
48958
|
+
shape: 'slightly-rounded',
|
|
48959
|
+
text: 'Read More',
|
|
48960
|
+
color: '#ffffff',
|
|
48961
|
+
bg: '#3b82f6',
|
|
48962
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
48963
|
+
}, {
|
|
48964
|
+
type: 'solid',
|
|
48965
|
+
shape: 'slightly-rounded',
|
|
48966
|
+
text: 'Read More',
|
|
48967
|
+
color: 'rgb(24, 24, 27)',
|
|
48968
|
+
bg: '#fff',
|
|
48969
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
48970
|
+
},
|
|
48971
|
+
// Colors
|
|
48735
48972
|
{
|
|
48736
|
-
|
|
48737
|
-
|
|
48738
|
-
|
|
48973
|
+
type: 'solid',
|
|
48974
|
+
shape: 'slightly-rounded',
|
|
48975
|
+
size: 'medium',
|
|
48976
|
+
text: 'Read More',
|
|
48977
|
+
color: 'rgb(24, 24, 27)',
|
|
48978
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
48979
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
48739
48980
|
}, {
|
|
48740
|
-
|
|
48741
|
-
|
|
48742
|
-
|
|
48981
|
+
type: 'solid',
|
|
48982
|
+
shape: 'slightly-rounded',
|
|
48983
|
+
size: 'medium',
|
|
48984
|
+
text: 'Read More',
|
|
48985
|
+
color: '#ffffff',
|
|
48986
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
48987
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
48743
48988
|
}, {
|
|
48744
|
-
|
|
48745
|
-
|
|
48746
|
-
|
|
48989
|
+
type: 'solid',
|
|
48990
|
+
shape: 'slightly-rounded',
|
|
48991
|
+
size: 'medium',
|
|
48992
|
+
text: 'Read More',
|
|
48993
|
+
color: 'rgb(24, 24, 27)',
|
|
48994
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
48995
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
48747
48996
|
}, {
|
|
48748
|
-
|
|
48749
|
-
|
|
48750
|
-
|
|
48751
|
-
|
|
48752
|
-
|
|
48753
|
-
|
|
48754
|
-
|
|
48997
|
+
type: 'solid',
|
|
48998
|
+
shape: 'slightly-rounded',
|
|
48999
|
+
size: 'medium',
|
|
49000
|
+
text: 'Read More',
|
|
49001
|
+
color: '#ffffff',
|
|
49002
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
49003
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
49004
|
+
}, {
|
|
49005
|
+
type: 'solid',
|
|
49006
|
+
shape: 'slightly-rounded',
|
|
49007
|
+
size: 'medium',
|
|
49008
|
+
text: 'Read More',
|
|
49009
|
+
color: '#ffffff',
|
|
49010
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
49011
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
49012
|
+
}, {
|
|
49013
|
+
type: 'solid',
|
|
49014
|
+
shape: 'slightly-rounded',
|
|
49015
|
+
size: 'medium',
|
|
49016
|
+
text: 'Read More',
|
|
49017
|
+
color: '#ffffff',
|
|
49018
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
49019
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
49020
|
+
}, {
|
|
49021
|
+
type: 'solid',
|
|
49022
|
+
shape: 'slightly-rounded',
|
|
49023
|
+
size: 'medium',
|
|
49024
|
+
text: 'Read More',
|
|
49025
|
+
color: 'rgb(24, 24, 27)',
|
|
49026
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
49027
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
49028
|
+
}, {
|
|
49029
|
+
type: 'solid',
|
|
49030
|
+
shape: 'slightly-rounded',
|
|
49031
|
+
size: 'medium',
|
|
49032
|
+
text: 'Read More',
|
|
49033
|
+
color: '#ffffff',
|
|
49034
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
49035
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
49036
|
+
}, {
|
|
49037
|
+
type: 'solid',
|
|
49038
|
+
shape: 'slightly-rounded',
|
|
49039
|
+
size: 'medium',
|
|
49040
|
+
text: 'Read More',
|
|
49041
|
+
color: '#ffffff',
|
|
49042
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
49043
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
49044
|
+
}, {
|
|
49045
|
+
type: 'solid',
|
|
49046
|
+
shape: 'slightly-rounded',
|
|
49047
|
+
size: 'medium',
|
|
49048
|
+
text: 'Read More',
|
|
49049
|
+
color: 'rgb(24, 24, 27)',
|
|
49050
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
49051
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
49052
|
+
},
|
|
49053
|
+
// Rounded buttons - Small
|
|
48755
49054
|
{
|
|
48756
|
-
|
|
48757
|
-
|
|
48758
|
-
|
|
49055
|
+
type: 'solid',
|
|
49056
|
+
shape: 'rounded',
|
|
49057
|
+
size: 'small',
|
|
49058
|
+
text: 'Read More',
|
|
49059
|
+
color: 'rgb(24, 24, 27)',
|
|
49060
|
+
bg: 'transparent',
|
|
49061
|
+
hoverBg: 'transparent',
|
|
49062
|
+
customClasses: 'underline'
|
|
48759
49063
|
}, {
|
|
48760
|
-
|
|
48761
|
-
|
|
48762
|
-
|
|
49064
|
+
type: 'outline',
|
|
49065
|
+
shape: 'rounded',
|
|
49066
|
+
size: 'small',
|
|
49067
|
+
text: 'Read More'
|
|
48763
49068
|
}, {
|
|
48764
|
-
|
|
48765
|
-
|
|
48766
|
-
|
|
49069
|
+
type: 'solid',
|
|
49070
|
+
shape: 'rounded',
|
|
49071
|
+
size: 'small',
|
|
49072
|
+
text: 'Read More',
|
|
49073
|
+
color: 'rgb(24, 24, 27)',
|
|
49074
|
+
bg: 'rgb(240, 240, 241)',
|
|
49075
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48767
49076
|
}, {
|
|
48768
|
-
|
|
48769
|
-
|
|
48770
|
-
|
|
49077
|
+
type: 'solid',
|
|
49078
|
+
shape: 'rounded',
|
|
49079
|
+
size: 'small',
|
|
49080
|
+
text: 'Read More',
|
|
49081
|
+
color: 'rgb(250, 250, 250)',
|
|
49082
|
+
bg: 'rgb(24, 24, 27)',
|
|
49083
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48771
49084
|
}, {
|
|
48772
|
-
|
|
48773
|
-
|
|
48774
|
-
|
|
49085
|
+
type: 'outline',
|
|
49086
|
+
shape: 'rounded',
|
|
49087
|
+
size: 'small',
|
|
49088
|
+
text: 'Read More',
|
|
49089
|
+
color: 'rgb(250, 250, 250)',
|
|
49090
|
+
bg: 'transparent',
|
|
49091
|
+
hoverBg: 'transparent'
|
|
48775
49092
|
}, {
|
|
48776
|
-
|
|
48777
|
-
|
|
48778
|
-
|
|
48779
|
-
|
|
49093
|
+
type: 'solid',
|
|
49094
|
+
shape: 'rounded',
|
|
49095
|
+
size: 'small',
|
|
49096
|
+
text: 'Read More',
|
|
49097
|
+
color: '#ffffff',
|
|
49098
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
49099
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
49100
|
+
}, {
|
|
49101
|
+
type: 'solid',
|
|
49102
|
+
shape: 'rounded',
|
|
49103
|
+
size: 'small',
|
|
49104
|
+
text: 'Read More',
|
|
49105
|
+
color: '#ffffff',
|
|
49106
|
+
bg: '#3b82f6',
|
|
49107
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
49108
|
+
}, {
|
|
49109
|
+
type: 'solid',
|
|
49110
|
+
shape: 'rounded',
|
|
49111
|
+
size: 'small',
|
|
49112
|
+
text: 'Read More',
|
|
49113
|
+
color: 'rgb(24, 24, 27)',
|
|
49114
|
+
bg: '#fff',
|
|
49115
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
49116
|
+
},
|
|
49117
|
+
// Colors
|
|
48780
49118
|
{
|
|
48781
|
-
|
|
48782
|
-
|
|
48783
|
-
|
|
49119
|
+
type: 'solid',
|
|
49120
|
+
shape: 'rounded',
|
|
49121
|
+
size: 'small',
|
|
49122
|
+
text: 'Read More',
|
|
49123
|
+
color: 'rgb(24, 24, 27)',
|
|
49124
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
49125
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
49126
|
+
}, {
|
|
49127
|
+
type: 'solid',
|
|
49128
|
+
shape: 'rounded',
|
|
49129
|
+
size: 'small',
|
|
49130
|
+
text: 'Read More',
|
|
49131
|
+
color: '#ffffff',
|
|
49132
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
49133
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
48784
49134
|
}, {
|
|
48785
|
-
|
|
48786
|
-
|
|
48787
|
-
|
|
49135
|
+
type: 'solid',
|
|
49136
|
+
shape: 'rounded',
|
|
49137
|
+
size: 'small',
|
|
49138
|
+
text: 'Read More',
|
|
49139
|
+
color: 'rgb(24, 24, 27)',
|
|
49140
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
49141
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
48788
49142
|
}, {
|
|
48789
|
-
|
|
48790
|
-
|
|
48791
|
-
|
|
49143
|
+
type: 'solid',
|
|
49144
|
+
shape: 'rounded',
|
|
49145
|
+
size: 'small',
|
|
49146
|
+
text: 'Read More',
|
|
49147
|
+
color: '#ffffff',
|
|
49148
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
49149
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
48792
49150
|
}, {
|
|
48793
|
-
|
|
48794
|
-
|
|
48795
|
-
|
|
48796
|
-
|
|
49151
|
+
type: 'solid',
|
|
49152
|
+
shape: 'rounded',
|
|
49153
|
+
size: 'small',
|
|
49154
|
+
text: 'Read More',
|
|
49155
|
+
color: '#ffffff',
|
|
49156
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
49157
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
49158
|
+
}, {
|
|
49159
|
+
type: 'solid',
|
|
49160
|
+
shape: 'rounded',
|
|
49161
|
+
size: 'small',
|
|
49162
|
+
text: 'Read More',
|
|
49163
|
+
color: '#ffffff',
|
|
49164
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
49165
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
49166
|
+
}, {
|
|
49167
|
+
type: 'solid',
|
|
49168
|
+
shape: 'rounded',
|
|
49169
|
+
size: 'small',
|
|
49170
|
+
text: 'Read More',
|
|
49171
|
+
color: 'rgb(24, 24, 27)',
|
|
49172
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
49173
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
49174
|
+
}, {
|
|
49175
|
+
type: 'solid',
|
|
49176
|
+
shape: 'rounded',
|
|
49177
|
+
size: 'small',
|
|
49178
|
+
text: 'Read More',
|
|
49179
|
+
color: '#ffffff',
|
|
49180
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
49181
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
49182
|
+
}, {
|
|
49183
|
+
type: 'solid',
|
|
49184
|
+
shape: 'rounded',
|
|
49185
|
+
size: 'small',
|
|
49186
|
+
text: 'Read More',
|
|
49187
|
+
color: '#ffffff',
|
|
49188
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
49189
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
49190
|
+
}, {
|
|
49191
|
+
type: 'solid',
|
|
49192
|
+
shape: 'rounded',
|
|
49193
|
+
size: 'small',
|
|
49194
|
+
text: 'Read More',
|
|
49195
|
+
color: 'rgb(24, 24, 27)',
|
|
49196
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
49197
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
49198
|
+
},
|
|
49199
|
+
// Slightly Rounded buttons - Small
|
|
48797
49200
|
{
|
|
48798
|
-
|
|
48799
|
-
|
|
48800
|
-
|
|
49201
|
+
type: 'solid',
|
|
49202
|
+
shape: 'slightly-rounded',
|
|
49203
|
+
size: 'small',
|
|
49204
|
+
text: 'Read More',
|
|
49205
|
+
color: 'rgb(24, 24, 27)',
|
|
49206
|
+
bg: 'transparent',
|
|
49207
|
+
hoverBg: 'transparent',
|
|
49208
|
+
customClasses: 'underline'
|
|
49209
|
+
}, {
|
|
49210
|
+
type: 'outline',
|
|
49211
|
+
shape: 'slightly-rounded',
|
|
49212
|
+
size: 'small',
|
|
49213
|
+
text: 'Read More'
|
|
49214
|
+
}, {
|
|
49215
|
+
type: 'solid',
|
|
49216
|
+
shape: 'slightly-rounded',
|
|
49217
|
+
size: 'small',
|
|
49218
|
+
text: 'Read More',
|
|
49219
|
+
color: 'rgb(24, 24, 27)',
|
|
49220
|
+
bg: 'rgb(240, 240, 241)',
|
|
49221
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48801
49222
|
}, {
|
|
48802
|
-
|
|
48803
|
-
|
|
48804
|
-
|
|
49223
|
+
type: 'solid',
|
|
49224
|
+
shape: 'slightly-rounded',
|
|
49225
|
+
size: 'small',
|
|
49226
|
+
text: 'Read More',
|
|
49227
|
+
color: 'rgb(250, 250, 250)',
|
|
49228
|
+
bg: 'rgb(24, 24, 27)',
|
|
49229
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48805
49230
|
}, {
|
|
48806
|
-
|
|
48807
|
-
|
|
48808
|
-
|
|
49231
|
+
type: 'outline',
|
|
49232
|
+
shape: 'slightly-rounded',
|
|
49233
|
+
size: 'small',
|
|
49234
|
+
text: 'Read More',
|
|
49235
|
+
color: 'rgb(250, 250, 250)',
|
|
49236
|
+
bg: 'transparent',
|
|
49237
|
+
hoverBg: 'transparent'
|
|
48809
49238
|
}, {
|
|
48810
|
-
|
|
48811
|
-
|
|
48812
|
-
|
|
49239
|
+
type: 'solid',
|
|
49240
|
+
shape: 'slightly-rounded',
|
|
49241
|
+
size: 'small',
|
|
49242
|
+
text: 'Read More',
|
|
49243
|
+
color: '#ffffff',
|
|
49244
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
49245
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
48813
49246
|
}, {
|
|
48814
|
-
|
|
48815
|
-
|
|
48816
|
-
|
|
49247
|
+
type: 'solid',
|
|
49248
|
+
shape: 'slightly-rounded',
|
|
49249
|
+
size: 'small',
|
|
49250
|
+
text: 'Read More',
|
|
49251
|
+
color: '#ffffff',
|
|
49252
|
+
bg: '#3b82f6',
|
|
49253
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
48817
49254
|
}, {
|
|
48818
|
-
|
|
48819
|
-
|
|
48820
|
-
|
|
48821
|
-
|
|
49255
|
+
type: 'solid',
|
|
49256
|
+
shape: 'slightly-rounded',
|
|
49257
|
+
size: 'small',
|
|
49258
|
+
text: 'Read More',
|
|
49259
|
+
color: 'rgb(24, 24, 27)',
|
|
49260
|
+
bg: '#fff',
|
|
49261
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
49262
|
+
},
|
|
49263
|
+
// Colors
|
|
48822
49264
|
{
|
|
48823
|
-
|
|
48824
|
-
|
|
48825
|
-
|
|
49265
|
+
type: 'solid',
|
|
49266
|
+
shape: 'slightly-rounded',
|
|
49267
|
+
size: 'small',
|
|
49268
|
+
text: 'Read More',
|
|
49269
|
+
color: 'rgb(24, 24, 27)',
|
|
49270
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
49271
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
48826
49272
|
}, {
|
|
48827
|
-
|
|
48828
|
-
|
|
48829
|
-
|
|
49273
|
+
type: 'solid',
|
|
49274
|
+
shape: 'slightly-rounded',
|
|
49275
|
+
size: 'small',
|
|
49276
|
+
text: 'Read More',
|
|
49277
|
+
color: '#ffffff',
|
|
49278
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
49279
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
48830
49280
|
}, {
|
|
48831
|
-
|
|
48832
|
-
|
|
48833
|
-
|
|
49281
|
+
type: 'solid',
|
|
49282
|
+
shape: 'slightly-rounded',
|
|
49283
|
+
size: 'small',
|
|
49284
|
+
text: 'Read More',
|
|
49285
|
+
color: 'rgb(24, 24, 27)',
|
|
49286
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
49287
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
48834
49288
|
}, {
|
|
48835
|
-
|
|
48836
|
-
|
|
48837
|
-
|
|
48838
|
-
|
|
48839
|
-
|
|
48840
|
-
|
|
48841
|
-
|
|
49289
|
+
type: 'solid',
|
|
49290
|
+
shape: 'slightly-rounded',
|
|
49291
|
+
size: 'small',
|
|
49292
|
+
text: 'Read More',
|
|
49293
|
+
color: '#ffffff',
|
|
49294
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
49295
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
49296
|
+
}, {
|
|
49297
|
+
type: 'solid',
|
|
49298
|
+
shape: 'slightly-rounded',
|
|
49299
|
+
size: 'small',
|
|
49300
|
+
text: 'Read More',
|
|
49301
|
+
color: '#ffffff',
|
|
49302
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
49303
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
49304
|
+
}, {
|
|
49305
|
+
type: 'solid',
|
|
49306
|
+
shape: 'slightly-rounded',
|
|
49307
|
+
size: 'small',
|
|
49308
|
+
text: 'Read More',
|
|
49309
|
+
color: '#ffffff',
|
|
49310
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
49311
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
49312
|
+
}, {
|
|
49313
|
+
type: 'solid',
|
|
49314
|
+
shape: 'slightly-rounded',
|
|
49315
|
+
size: 'small',
|
|
49316
|
+
text: 'Read More',
|
|
49317
|
+
color: 'rgb(24, 24, 27)',
|
|
49318
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
49319
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
49320
|
+
}, {
|
|
49321
|
+
type: 'solid',
|
|
49322
|
+
shape: 'slightly-rounded',
|
|
49323
|
+
size: 'small',
|
|
49324
|
+
text: 'Read More',
|
|
49325
|
+
color: '#ffffff',
|
|
49326
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
49327
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
49328
|
+
}, {
|
|
49329
|
+
type: 'solid',
|
|
49330
|
+
shape: 'slightly-rounded',
|
|
49331
|
+
size: 'small',
|
|
49332
|
+
text: 'Read More',
|
|
49333
|
+
color: '#ffffff',
|
|
49334
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
49335
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
49336
|
+
}, {
|
|
49337
|
+
type: 'solid',
|
|
49338
|
+
shape: 'slightly-rounded',
|
|
49339
|
+
size: 'small',
|
|
49340
|
+
text: 'Read More',
|
|
49341
|
+
color: 'rgb(24, 24, 27)',
|
|
49342
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
49343
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
49344
|
+
},
|
|
49345
|
+
// Rounded buttons - Large
|
|
48842
49346
|
{
|
|
48843
|
-
|
|
48844
|
-
|
|
48845
|
-
|
|
49347
|
+
type: 'solid',
|
|
49348
|
+
shape: 'rounded',
|
|
49349
|
+
size: 'large',
|
|
49350
|
+
text: 'Read More',
|
|
49351
|
+
color: 'rgb(24, 24, 27)',
|
|
49352
|
+
bg: 'transparent',
|
|
49353
|
+
hoverBg: 'transparent',
|
|
49354
|
+
customClasses: 'underline'
|
|
49355
|
+
}, {
|
|
49356
|
+
type: 'outline',
|
|
49357
|
+
shape: 'rounded',
|
|
49358
|
+
size: 'large',
|
|
49359
|
+
text: 'Read More'
|
|
48846
49360
|
}, {
|
|
48847
|
-
|
|
48848
|
-
|
|
48849
|
-
|
|
49361
|
+
type: 'solid',
|
|
49362
|
+
shape: 'rounded',
|
|
49363
|
+
size: 'large',
|
|
49364
|
+
text: 'Read More',
|
|
49365
|
+
color: 'rgb(24, 24, 27)',
|
|
49366
|
+
bg: 'rgb(240, 240, 241)',
|
|
49367
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48850
49368
|
}, {
|
|
48851
|
-
|
|
48852
|
-
|
|
48853
|
-
|
|
49369
|
+
type: 'solid',
|
|
49370
|
+
shape: 'rounded',
|
|
49371
|
+
size: 'large',
|
|
49372
|
+
text: 'Read More',
|
|
49373
|
+
color: 'rgb(250, 250, 250)',
|
|
49374
|
+
bg: 'rgb(24, 24, 27)',
|
|
49375
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48854
49376
|
}, {
|
|
48855
|
-
|
|
48856
|
-
|
|
48857
|
-
|
|
49377
|
+
type: 'outline',
|
|
49378
|
+
shape: 'rounded',
|
|
49379
|
+
size: 'large',
|
|
49380
|
+
text: 'Read More',
|
|
49381
|
+
color: 'rgb(250, 250, 250)',
|
|
49382
|
+
bg: 'transparent',
|
|
49383
|
+
hoverBg: 'transparent'
|
|
48858
49384
|
}, {
|
|
48859
|
-
|
|
48860
|
-
|
|
48861
|
-
|
|
49385
|
+
type: 'solid',
|
|
49386
|
+
shape: 'rounded',
|
|
49387
|
+
size: 'large',
|
|
49388
|
+
text: 'Read More',
|
|
49389
|
+
color: '#ffffff',
|
|
49390
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
49391
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
48862
49392
|
}, {
|
|
48863
|
-
|
|
48864
|
-
|
|
48865
|
-
|
|
48866
|
-
|
|
49393
|
+
type: 'solid',
|
|
49394
|
+
shape: 'rounded',
|
|
49395
|
+
size: 'large',
|
|
49396
|
+
text: 'Read More',
|
|
49397
|
+
color: '#ffffff',
|
|
49398
|
+
bg: '#3b82f6',
|
|
49399
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
49400
|
+
}, {
|
|
49401
|
+
type: 'solid',
|
|
49402
|
+
shape: 'rounded',
|
|
49403
|
+
size: 'large',
|
|
49404
|
+
text: 'Read More',
|
|
49405
|
+
color: 'rgb(24, 24, 27)',
|
|
49406
|
+
bg: '#fff',
|
|
49407
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
49408
|
+
},
|
|
49409
|
+
// Colors
|
|
48867
49410
|
{
|
|
48868
|
-
|
|
48869
|
-
|
|
48870
|
-
|
|
49411
|
+
type: 'solid',
|
|
49412
|
+
shape: 'rounded',
|
|
49413
|
+
size: 'large',
|
|
49414
|
+
text: 'Read More',
|
|
49415
|
+
color: 'rgb(24, 24, 27)',
|
|
49416
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
49417
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
49418
|
+
}, {
|
|
49419
|
+
type: 'solid',
|
|
49420
|
+
shape: 'rounded',
|
|
49421
|
+
size: 'large',
|
|
49422
|
+
text: 'Read More',
|
|
49423
|
+
color: '#ffffff',
|
|
49424
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
49425
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
49426
|
+
}, {
|
|
49427
|
+
type: 'solid',
|
|
49428
|
+
shape: 'rounded',
|
|
49429
|
+
size: 'large',
|
|
49430
|
+
text: 'Read More',
|
|
49431
|
+
color: 'rgb(24, 24, 27)',
|
|
49432
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
49433
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
49434
|
+
}, {
|
|
49435
|
+
type: 'solid',
|
|
49436
|
+
shape: 'rounded',
|
|
49437
|
+
size: 'large',
|
|
49438
|
+
text: 'Read More',
|
|
49439
|
+
color: '#ffffff',
|
|
49440
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
49441
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
49442
|
+
}, {
|
|
49443
|
+
type: 'solid',
|
|
49444
|
+
shape: 'rounded',
|
|
49445
|
+
size: 'large',
|
|
49446
|
+
text: 'Read More',
|
|
49447
|
+
color: '#ffffff',
|
|
49448
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
49449
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
48871
49450
|
}, {
|
|
48872
|
-
|
|
48873
|
-
|
|
48874
|
-
|
|
49451
|
+
type: 'solid',
|
|
49452
|
+
shape: 'rounded',
|
|
49453
|
+
size: 'large',
|
|
49454
|
+
text: 'Read More',
|
|
49455
|
+
color: '#ffffff',
|
|
49456
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
49457
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
48875
49458
|
}, {
|
|
48876
|
-
|
|
48877
|
-
|
|
48878
|
-
|
|
49459
|
+
type: 'solid',
|
|
49460
|
+
shape: 'rounded',
|
|
49461
|
+
size: 'large',
|
|
49462
|
+
text: 'Read More',
|
|
49463
|
+
color: 'rgb(24, 24, 27)',
|
|
49464
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
49465
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
48879
49466
|
}, {
|
|
48880
|
-
|
|
48881
|
-
|
|
48882
|
-
|
|
48883
|
-
|
|
49467
|
+
type: 'solid',
|
|
49468
|
+
shape: 'rounded',
|
|
49469
|
+
size: 'large',
|
|
49470
|
+
text: 'Read More',
|
|
49471
|
+
color: '#ffffff',
|
|
49472
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
49473
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
49474
|
+
}, {
|
|
49475
|
+
type: 'solid',
|
|
49476
|
+
shape: 'rounded',
|
|
49477
|
+
size: 'large',
|
|
49478
|
+
text: 'Read More',
|
|
49479
|
+
color: '#ffffff',
|
|
49480
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
49481
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
49482
|
+
}, {
|
|
49483
|
+
type: 'solid',
|
|
49484
|
+
shape: 'rounded',
|
|
49485
|
+
size: 'large',
|
|
49486
|
+
text: 'Read More',
|
|
49487
|
+
color: 'rgb(24, 24, 27)',
|
|
49488
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
49489
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
49490
|
+
},
|
|
49491
|
+
// Slightly Rounded buttons - Large
|
|
48884
49492
|
{
|
|
48885
|
-
|
|
48886
|
-
|
|
48887
|
-
|
|
49493
|
+
type: 'solid',
|
|
49494
|
+
shape: 'slightly-rounded',
|
|
49495
|
+
size: 'large',
|
|
49496
|
+
text: 'Read More',
|
|
49497
|
+
color: 'rgb(24, 24, 27)',
|
|
49498
|
+
bg: 'transparent',
|
|
49499
|
+
hoverBg: 'transparent',
|
|
49500
|
+
customClasses: 'underline'
|
|
49501
|
+
}, {
|
|
49502
|
+
type: 'outline',
|
|
49503
|
+
shape: 'slightly-rounded',
|
|
49504
|
+
size: 'large',
|
|
49505
|
+
text: 'Read More'
|
|
49506
|
+
}, {
|
|
49507
|
+
type: 'solid',
|
|
49508
|
+
shape: 'slightly-rounded',
|
|
49509
|
+
size: 'large',
|
|
49510
|
+
text: 'Read More',
|
|
49511
|
+
color: 'rgb(24, 24, 27)',
|
|
49512
|
+
bg: 'rgb(240, 240, 241)',
|
|
49513
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48888
49514
|
}, {
|
|
48889
|
-
|
|
48890
|
-
|
|
48891
|
-
|
|
49515
|
+
type: 'solid',
|
|
49516
|
+
shape: 'slightly-rounded',
|
|
49517
|
+
size: 'large',
|
|
49518
|
+
text: 'Read More',
|
|
49519
|
+
color: 'rgb(250, 250, 250)',
|
|
49520
|
+
bg: 'rgb(24, 24, 27)',
|
|
49521
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48892
49522
|
}, {
|
|
48893
|
-
|
|
48894
|
-
|
|
48895
|
-
|
|
49523
|
+
type: 'outline',
|
|
49524
|
+
shape: 'slightly-rounded',
|
|
49525
|
+
size: 'large',
|
|
49526
|
+
text: 'Read More',
|
|
49527
|
+
color: 'rgb(250, 250, 250)',
|
|
49528
|
+
bg: 'transparent',
|
|
49529
|
+
hoverBg: 'transparent'
|
|
48896
49530
|
}, {
|
|
48897
|
-
|
|
48898
|
-
|
|
48899
|
-
|
|
49531
|
+
type: 'solid',
|
|
49532
|
+
shape: 'slightly-rounded',
|
|
49533
|
+
size: 'large',
|
|
49534
|
+
text: 'Read More',
|
|
49535
|
+
color: '#ffffff',
|
|
49536
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
49537
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
48900
49538
|
}, {
|
|
48901
|
-
|
|
48902
|
-
|
|
48903
|
-
|
|
49539
|
+
type: 'solid',
|
|
49540
|
+
shape: 'slightly-rounded',
|
|
49541
|
+
size: 'large',
|
|
49542
|
+
text: 'Read More',
|
|
49543
|
+
color: '#ffffff',
|
|
49544
|
+
bg: '#3b82f6',
|
|
49545
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
48904
49546
|
}, {
|
|
48905
|
-
|
|
48906
|
-
|
|
48907
|
-
|
|
48908
|
-
|
|
49547
|
+
type: 'solid',
|
|
49548
|
+
shape: 'slightly-rounded',
|
|
49549
|
+
size: 'large',
|
|
49550
|
+
text: 'Read More',
|
|
49551
|
+
color: 'rgb(24, 24, 27)',
|
|
49552
|
+
bg: '#fff',
|
|
49553
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
49554
|
+
},
|
|
49555
|
+
// Colors
|
|
48909
49556
|
{
|
|
48910
|
-
|
|
48911
|
-
|
|
48912
|
-
|
|
49557
|
+
type: 'solid',
|
|
49558
|
+
shape: 'slightly-rounded',
|
|
49559
|
+
size: 'large',
|
|
49560
|
+
text: 'Read More',
|
|
49561
|
+
color: 'rgb(24, 24, 27)',
|
|
49562
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
49563
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
48913
49564
|
}, {
|
|
48914
|
-
|
|
48915
|
-
|
|
48916
|
-
|
|
49565
|
+
type: 'solid',
|
|
49566
|
+
shape: 'slightly-rounded',
|
|
49567
|
+
size: 'large',
|
|
49568
|
+
text: 'Read More',
|
|
49569
|
+
color: '#ffffff',
|
|
49570
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
49571
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
48917
49572
|
}, {
|
|
48918
|
-
|
|
48919
|
-
|
|
48920
|
-
|
|
49573
|
+
type: 'solid',
|
|
49574
|
+
shape: 'slightly-rounded',
|
|
49575
|
+
size: 'large',
|
|
49576
|
+
text: 'Read More',
|
|
49577
|
+
color: 'rgb(24, 24, 27)',
|
|
49578
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
49579
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
48921
49580
|
}, {
|
|
48922
|
-
|
|
48923
|
-
|
|
48924
|
-
|
|
48925
|
-
|
|
48926
|
-
|
|
48927
|
-
|
|
48928
|
-
|
|
48929
|
-
|
|
48930
|
-
|
|
48931
|
-
|
|
48932
|
-
|
|
48933
|
-
|
|
48934
|
-
|
|
48935
|
-
|
|
48936
|
-
|
|
48937
|
-
|
|
48938
|
-
|
|
48939
|
-
|
|
48940
|
-
|
|
48941
|
-
|
|
48942
|
-
|
|
48943
|
-
|
|
48944
|
-
|
|
48945
|
-
|
|
48946
|
-
|
|
48947
|
-
|
|
48948
|
-
|
|
48949
|
-
|
|
48950
|
-
|
|
48951
|
-
|
|
48952
|
-
|
|
48953
|
-
|
|
48954
|
-
|
|
48955
|
-
|
|
48956
|
-
|
|
48957
|
-
|
|
48958
|
-
|
|
48959
|
-
|
|
48960
|
-
|
|
48961
|
-
|
|
48962
|
-
|
|
48963
|
-
|
|
48964
|
-
|
|
48965
|
-
|
|
48966
|
-
|
|
48967
|
-
|
|
48968
|
-
|
|
48969
|
-
|
|
48970
|
-
|
|
48971
|
-
|
|
48972
|
-
|
|
48973
|
-
|
|
48974
|
-
|
|
48975
|
-
|
|
48976
|
-
|
|
48977
|
-
|
|
48978
|
-
|
|
48979
|
-
|
|
48980
|
-
|
|
48981
|
-
// className: 'transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid border-transparent hover:border-transparent bg-gray-200 hover:bg-gray-300 size-16 text-black font-normal uppercase py-3 px-11 tracking-75 mr-3 ml-0 rounded-md leading-relaxed'
|
|
48982
|
-
// },
|
|
48983
|
-
// {
|
|
48984
|
-
// text: 'Buy Now',
|
|
48985
|
-
// className: 'transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid size-16 tracking-75 font-normal uppercase px-11 py-3 hover:text-white hover:bg-teal-500 bg-teal-400 text-white border-transparent hover:border-transparent ml-0 mr-2 rounded-md leading-relaxed'
|
|
48986
|
-
// },
|
|
48987
|
-
// {
|
|
48988
|
-
// text: 'Play',
|
|
48989
|
-
// className: 'transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid ml-1 mr-1 size-16 text-black tracking-75 font-normal uppercase px-11 border-current hover:border-current py-3 rounded leading-relaxed'
|
|
48990
|
-
// },
|
|
48991
|
-
];
|
|
48992
|
-
|
|
49581
|
+
type: 'solid',
|
|
49582
|
+
shape: 'slightly-rounded',
|
|
49583
|
+
size: 'large',
|
|
49584
|
+
text: 'Read More',
|
|
49585
|
+
color: '#ffffff',
|
|
49586
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
49587
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
49588
|
+
}, {
|
|
49589
|
+
type: 'solid',
|
|
49590
|
+
shape: 'slightly-rounded',
|
|
49591
|
+
size: 'large',
|
|
49592
|
+
text: 'Read More',
|
|
49593
|
+
color: '#ffffff',
|
|
49594
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
49595
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
49596
|
+
}, {
|
|
49597
|
+
type: 'solid',
|
|
49598
|
+
shape: 'slightly-rounded',
|
|
49599
|
+
size: 'large',
|
|
49600
|
+
text: 'Read More',
|
|
49601
|
+
color: '#ffffff',
|
|
49602
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
49603
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
49604
|
+
}, {
|
|
49605
|
+
type: 'solid',
|
|
49606
|
+
shape: 'slightly-rounded',
|
|
49607
|
+
size: 'large',
|
|
49608
|
+
text: 'Read More',
|
|
49609
|
+
color: 'rgb(24, 24, 27)',
|
|
49610
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
49611
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
49612
|
+
}, {
|
|
49613
|
+
type: 'solid',
|
|
49614
|
+
shape: 'slightly-rounded',
|
|
49615
|
+
size: 'large',
|
|
49616
|
+
text: 'Read More',
|
|
49617
|
+
color: '#ffffff',
|
|
49618
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
49619
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
49620
|
+
}, {
|
|
49621
|
+
type: 'solid',
|
|
49622
|
+
shape: 'slightly-rounded',
|
|
49623
|
+
size: 'large',
|
|
49624
|
+
text: 'Read More',
|
|
49625
|
+
color: '#ffffff',
|
|
49626
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
49627
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
49628
|
+
}, {
|
|
49629
|
+
type: 'solid',
|
|
49630
|
+
shape: 'slightly-rounded',
|
|
49631
|
+
size: 'large',
|
|
49632
|
+
text: 'Read More',
|
|
49633
|
+
color: 'rgb(24, 24, 27)',
|
|
49634
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
49635
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
49636
|
+
}];
|
|
49637
|
+
let templates = buttonConfigs.map(config => this.generateButton(config));
|
|
49638
|
+
const moreTemplates = [];
|
|
49639
|
+
templates = [...templates, ...moreTemplates];
|
|
48993
49640
|
let html = '';
|
|
48994
49641
|
for (let i = 0; i < templates.length; i++) {
|
|
48995
49642
|
if (templates[i].html) {
|
|
@@ -52045,6 +52692,9 @@ class Element$1 {
|
|
|
52045
52692
|
subblock = true;
|
|
52046
52693
|
}
|
|
52047
52694
|
}
|
|
52695
|
+
if (elm.closest('[data-cb-type]')) {
|
|
52696
|
+
customcode = true;
|
|
52697
|
+
}
|
|
52048
52698
|
if (!customcode && !noedit && !_protected || subblock) {
|
|
52049
52699
|
//previously this is commented: && !noedit && !_protected
|
|
52050
52700
|
|
|
@@ -61687,6 +62337,7 @@ class ElementTool {
|
|
|
61687
62337
|
let elm = this.builder.activeElement;
|
|
61688
62338
|
if (!elm) return;
|
|
61689
62339
|
if (elm.closest('.is-dock')) return;
|
|
62340
|
+
if (elm.closest('[data-cb-type]')) return;
|
|
61690
62341
|
let top, left;
|
|
61691
62342
|
if (!this.builder.iframe) {
|
|
61692
62343
|
top = elm.getBoundingClientRect().top + window.pageYOffset;
|
|
@@ -97178,6 +97829,9 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
|
|
|
97178
97829
|
}
|
|
97179
97830
|
});
|
|
97180
97831
|
}
|
|
97832
|
+
openFilePicker(type, callback) {
|
|
97833
|
+
this.openAssetSelect(type, callback);
|
|
97834
|
+
}
|
|
97181
97835
|
openAssetSelect(targetAssetType, callback, defaultValue) {
|
|
97182
97836
|
const inpUrl = document.createElement('input');
|
|
97183
97837
|
|