// // Responsive: Utility classes // -------------------------------------------------- // IE10 in Windows (Phone) 8 // // Support for responsive views via media queries is kind of borked in IE10, for // Surface/desktop in split view and for Windows Phone 8. This particular fix // must be accompanied by a snippet of JavaScript to sniff the user agent and // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at // our Getting Started page for more information on this bug. // // For more information, see the following: // // Issue: https://github.com/twbs/bootstrap/issues/10497 // Docs: http://getbootstrap.com/getting-started/#support-ie10-width // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ @-ms-viewport { width: device-width; } // Visibility utilities // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0 .visible-xs, .visible-sm, .visible-md, .visible-lg { .responsive-invisibility(); } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } .visible-xs { @media (max-width: @screen-xs-max) { .responsive-visibility(); } } .visible-xs-block { @media (max-width: @screen-xs-max) { display: block !important; } } .visible-xs-inline { @media (max-width: @screen-xs-max) { display: inline !important; } } .visible-xs-inline-block { @media (max-width: @screen-xs-max) { display: inline-block !important; } } .visible-sm { @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { .responsive-visibility(); } } .visible-sm-block { @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { display: block !important; } } .visible-sm-inline { @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { display: inline !important; } } .visible-sm-inline-block { @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { display: inline-block !important; } } .visible-md { @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { .responsive-visibility(); } } .visible-md-block { @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { display: block !important; } } .visible-md-inline { @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { display: inline !important; } } .visible-md-inline-block { @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { display: inline-block !important; } } .visible-lg { @media (min-width: @screen-lg-min) { .responsive-visibility(); } } .visible-lg-block { @media (min-width: @screen-lg-min) { display: block !important; } } .visible-lg-inline { @media (min-width: @screen-lg-min) { display: inline !important; } } .visible-lg-inline-block { @media (min-width: @screen-lg-min) { display: inline-block !important; } } .hidden-xs { @media (max-width: @screen-xs-max) { .responsive-invisibility(); } } .hidden-sm { @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { .responsive-invisibility(); } } .hidden-md { @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { .responsive-invisibility(); } } .hidden-lg { @media (min-width: @screen-lg-min) { .responsive-invisibility(); } } // Print utilities // // Media queries are placed on the inside to be mixin-friendly. // Note: Deprecated .visible-print as of v3.2.0 .visible-print { .responsive-invisibility(); @media print { .responsive-visibility(); } } .visible-print-block { display: none !important; @media print { display: block !important; } } .visible-print-inline { display: none !important; @media print { display: inline !important; } } .visible-print-inline-block { display: none !important; @media print { display: inline-block !important; } } .hidden-print { @media print { .responsive-invisibility(); } }

IBM Full-Stack JavaScript Developer Professional Certificate

You may have definite ideas about writing code when working alone, but team development requires that everyone use the same approach. With the JavaScript practices in this book—including code style, programming tips, and automation—you will learn how to write maintainable code that other team members can easily understand, adapt, and extend. Prepare for a career […]

/*! elementor-pro - v3.28.0 - 05-05-2025 */ "use strict"; (self["webpackChunkelementor_pro"] = self["webpackChunkelementor_pro"] || []).push([["mega-menu-stretch-content"],{ /***/ "../modules/mega-menu/assets/js/frontend/handlers/stretch-menu-item-content.js": /*!*************************************************************************************!*\ !*** ../modules/mega-menu/assets/js/frontend/handlers/stretch-menu-item-content.js ***! \*************************************************************************************/ /***/ ((__unused_webpack_module, exports) => { Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; class StretchedMenuItemContent extends elementorModules.frontend.handlers.StretchedElement { getStretchedClass() { return 'elementor-widget-n-menu'; } getStretchElementForConfig() { return this.$element.find('.e-n-menu-wrapper'); } getStretchElementConfig() { const elementConfig = super.getStretchElementConfig(); elementConfig.cssOutput = 'variables'; return elementConfig; } bindEvents() { super.bindEvents(); elementorFrontend.addListenerOnce(this.getUniqueHandlerID(), 'elementor-pro/mega-menu/dropdown-open', this.stretch); elementorFrontend.elements.$window.on('elementor-pro/mega-menu/heading-mouse-event', this.stretch); } unbindEvents() { super.unbindEvents(); elementorFrontend.removeListeners(this.getUniqueHandlerID(), 'elementor-pro/mega-menu/dropdown-open', this.stretch); elementorFrontend.elements.$window.off('elementor-pro/mega-menu/heading-mouse-event', this.stretch); } isStretchSettingEnabled() { return true; } isActive() { return true; } } exports["default"] = StretchedMenuItemContent; /***/ }) }]); //# sourceMappingURL=mega-menu-stretch-content.0d76e4a3b7bf65ff6f9b.bundle.js.map