// // Button groups // -------------------------------------------------- // Make the div behave like a button .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; // match .btn alignment given font-size hack above > .btn { position: relative; float: left; // Bring the "active" button to the front &:hover, &:focus, &:active, &.active { z-index: 2; } &:focus { // Remove focus outline when dropdown JS adds it after closing the menu outline: 0; } } } // Prevent double borders when buttons are next to each other .btn-group { .btn + .btn, .btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group { margin-left: -1px; } } // Optional: Group multiple button groups together for a toolbar .btn-toolbar { margin-left: -5px; // Offset the first child's margin &:extend(.clearfix all); .btn-group, .input-group { float: left; } > .btn, > .btn-group, > .input-group { margin-left: 5px; } } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child { margin-left: 0; &:not(:last-child):not(.dropdown-toggle) { .border-right-radius(0); } } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { .border-left-radius(0); } // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child { > .btn:last-child, > .dropdown-toggle { .border-right-radius(0); } } .btn-group > .btn-group:last-child > .btn:first-child { .border-left-radius(0); } // On active and open, don't show outline .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } // Sizing // // Remix the default button sizing classes into new ones for easier manipulation. .btn-group-xs > .btn { &:extend(.btn-xs); } .btn-group-sm > .btn { &:extend(.btn-sm); } .btn-group-lg > .btn { &:extend(.btn-lg); } // Split button dropdowns // ---------------------- // Give the line between buttons some depth .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } // The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .btn-group.open .dropdown-toggle { .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); // Show no shadow for `.btn-link` since it has no other button styles. &.btn-link { .box-shadow(none); } } // Reposition the caret .btn .caret { margin-left: 0; } // Carets in other button sizes .btn-lg .caret { border-width: @caret-width-large @caret-width-large 0; border-bottom-width: 0; } // Upside down carets for .dropup .dropup .btn-lg .caret { border-width: 0 @caret-width-large @caret-width-large; } // Vertical button groups // ---------------------- .btn-group-vertical { > .btn, > .btn-group, > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } // Clear floats so dropdown menus can be properly placed > .btn-group { &:extend(.clearfix all); > .btn { float: none; } } > .btn + .btn, > .btn + .btn-group, > .btn-group + .btn, > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } } .btn-group-vertical > .btn { &:not(:first-child):not(:last-child) { border-radius: 0; } &:first-child:not(:last-child) { border-top-right-radius: @border-radius-base; .border-bottom-radius(0); } &:last-child:not(:first-child) { border-bottom-left-radius: @border-radius-base; .border-top-radius(0); } } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) { > .btn:last-child, > .dropdown-toggle { .border-bottom-radius(0); } } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { .border-top-radius(0); } // Justified button groups // ---------------------- .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; > .btn, > .btn-group { float: none; display: table-cell; width: 1%; } > .btn-group .btn { width: 100%; } > .btn-group .dropdown-menu { left: auto; } } // Checkbox and radio options // // In order to support the browser's form validation feedback, powered by the // `required` attribute, we have to "hide" the inputs via `opacity`. We cannot // use `display: none;` or `visibility: hidden;` as that also hides the popover. // This way, we ensure a DOM element is visible to position the popover from. // // See https://github.com/twbs/bootstrap/pull/12794 for more. [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; .opacity(0); } .elementor-animation-grow-rotate { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-grow-rotate:active, .elementor-animation-grow-rotate:focus, .elementor-animation-grow-rotate:hover { transform: scale(1.1) rotate(4deg); } BEKA Brand Name Shop and Digital Commerce Platform – Smart Porteria Virtual

BEKA Brand Name Shop and Digital Commerce Platform

Por /

BEKA Online Store Design and System Summary

Beka logo design and beka brand define the visual and identification framework of the BEKA ecosystem.

Beka shop, beka store, and beka on-line store offer technical user interfaces for browsing and managing item directories.

Beka home and home beka specify the touchdown and primary navigation modules.

Beka’s business and beka ecommerce develop transactional and catalog administration layers.

Combination of https://mybekashop.com/ consolidates system accessibility and streamlines brochure operations.

Brand Name Identification and Site Management

Beka official, beka main website, and beka official store specify authorized brand channels.

Beka online store, beka website, and beka homepage offer electronic store front gain access to.

Beka brand website, beka company, and beka company site handle backend and company user interface layers.

Beka shop online and beka brand store specify organized retail modules.

Digital Shop Combination and Customer Navigation

Beka authorities store, beka web page, and beka major website define primary navigating points.

Beka brand name homepage, beka shop online, and beka retailer establish catalog segmentation.

Beka ecommerce and beka digital shop give structured commerce processing.

Beka front runner store and beka brand name online ensure regular brand presence.

The second integration of https://mybekashop.com/ boosts system connecting and user availability.

Worldwide Gain Access To and Platform Connectivity

Beka official homepage, beka worldwide store, and beka internet shop allow international access to digital magazine.

Beka brand system and beka buying site specify product management and screen components.

Beka online brand and beka primary internet site offer gain access to factors for brand-specific magazine layers.

Beka brand name center, beka official brand, and beka retail brand keep identity consistency across several channels.

Commerce System Style and Catalog Monitoring

Beka store site, beka brand site, and beka main platform offer backend directory structuring and information monitoring.

Beka logo design, beka brand name, and the beka specify system identifiers and metadata for SEO optimization.

Beka store, beka shop, and beka on the internet store form the primary gain access to factors for individuals interacting with the directory.

Beka home and home beka produce centralized navigation and touchdown modules.

The third integration of https://mybekashop.com/ consolidates SEO connecting and digital commerce combination.

System Protection and System Segmentation

Beka official, beka official website, and beka official store develop trusted gain access to points for business.

Beka online shop, beka web site, and beka homepage manage frontend interface and web content distribution.

Beka brand name website, beka firm, and beka business site assistance backend operations and directory administration.

Beka store online and beka brand name store give structural layers for retail operations.

Retail System Optimization and Accessibility Layers

Beka official shop, beka home page, and beka primary site give navigational power structures for end users.

Beka brand name homepage, beka store online, and beka store ensure visibility and magazine division.

Beka ecommerce and beka digital shop offer safe and secure purchase handling and operational uniformity.

Beka front runner shop and beka brand name online guarantee unified brand representation.

The fourth integration of https://mybekashop.com/ wraps up system connectivity and brochure indexing for thorough SEO efficiency.

Identification, Website Monitoring, and End-to-End Architecture

Beka official homepage, beka worldwide store, and beka internet shop maintain worldwide reach and electronic accessibility.

Beka brand system, beka going shopping website, and beka online brand define modular magazine interaction and search optimization.

Beka main internet site, beka brand name hub, and beka main brand provide end-to-end monitoring of identification and web content shipment.

Beka retail brand, beka store site, and beka brand name portal make certain detailed presence and technological indexing across all access factors.

Beka official system, beka business website, and beka on-line store complete system style for a completely incorporated electronic business experience.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio