@@ -114,8 +114,8 @@ <h1 class="brand">
114114 </ blockquote >
115115 < blockquote >
116116 < p >
117- A lightweight (~4kb gzipped) yet powerful JavaScript engine that helps
118- you drive the user's focus on page.
117+ A lightweight (~7.5kb gzipped) yet powerful JavaScript engine that
118+ helps you drive the user's focus on page.
119119 </ p >
120120 < p class ="zero-bottom ">
121121 Some sample use-cases can be creating powerful feature introductions,
@@ -155,7 +155,7 @@ <h3>What are the features?</h3>
155155 use
156156 </ li >
157157 < li id ="lightweight_feature ">
158- 🕊️ Lightweight – Only < strong > ~4kb </ strong > when gzipped
158+ 🕊️ Lightweight – Only < strong > ~7.5kb </ strong > when gzipped
159159 </ li >
160160 < li id ="major_browsers_feature ">
161161 🌀 < strong > Consistent behavior</ strong > across all major browsers
@@ -642,10 +642,11 @@ <h4>Boarding Definition</h4>
642642 < pre > < code class ="javascript "> const boarding = new Boarding({
643643 className: 'scoped-class', // className to wrap boarding.js popover
644644 animate: true, // Animate while changing highlighted element
645- opacity: 0.75, // Background opacity (0 means only popovers and without overlay)
645+ opacity: 0.75, // Overlay opacity (0 means only popovers and without overlay)
646646 padding: 10, // Distance of element from around the edges
647647 allowClose: true, // Whether clicking on overlay should close or not
648648 overlayClickNext: false, // Should it move to next step on overlay click
649+ overlayColor: 'rgb(0,0,0)', // Fill color for the overlay
649650 doneBtnText: 'Done', // Text on the final button
650651 closeBtnText: 'Close', // Text on the close button for this step
651652 nextBtnText: 'Next', // Next button text for this step
0 commit comments