// // 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); } Smart Porteria Virtual

Por /

Améliorer votre casque avec Geekria

Une remedy complète avec Geekria accessoires casque

Les Geekria coussinets oreillettes accessoires casque sont conçus put améliorer chaque aspect de votre expérience sound sans remplacer votre équipement principal. Poise à une big gamme de Geekria parts de rechange, il est possible de moderniser, réparer et optimiser votre casque de manière basic et efficace. Cette approche permet de prolonger la durée de vie de vos appareils promote en améliorant leur performance globale.

Confort optimisé avec Geekria coussinets oreillettes

Les Geekria coussinets oreillettes offrent un confort supérieur en réduisant la pression sur les oreilles, même lors d’une utilisation prolongée. Fabriqués avec des matériaux doux et résistants, ils permettent de redonner une seconde vie à votre casque. Associés à d’autres Geekria securities écouteurs, ils assurent également une meilleure health et une utilisation plus agréable au quotidien.

Connexion secure avec Geekria câbles sound et adaptateurs

Les Geekria câbles sound garantissent une transmission sonore claire et sans disruption. Ils sont complétés the same level les Geekria adaptateurs sound, indispensables put assurer la compatibilité entre différents appareils. Set, ils offrent une remedy fiable put éviter les pertes de signal et améliorer la qualité d’écoute, que ce soit pour la musique, le video gaming ou les appels.

Protection et transportation sécurisé avec Geekria housses de transportation

Les Geekria housses de transport sont spécialement conçues put protéger votre casque contre les chocs, la poussière et les rayures. Elles sont idéales pour les déplacements fréquents et assurent une defense optimale de vos équipements audio. Combinées aux Geekria stands pour casques, elles permettent également un rangement plus organisé et sécurisé à la maison.

Accessoires spécialisés Geekria put une expérience complète

La gamme inclut aussi des Geekria accessoires microphone, parfaits pour améliorer les efficiencies vocales lors des appels ou du streaming. Chaque produit Geekria est pensé put offrir une service pratique, durable et suitable avec de nombreux modèles de casques.

Une alternative économique et sturdy

Choisir Geekria, c’est opter put une option économique qui permet d’éviter le remplacement complet de votre casque. Elegance aux différentes Geekria parts de rechange, vous pouvez prolonger la durée de vie de votre équipement promote en améliorant ses performances. C’est une approche sturdy qui incorporate qualité, confort et économies.

Pourquoi choisir Geekria

Geekria propose une large gamme d’accessoires adaptés à tous les besoins audio. Que ce soit pour améliorer le confort, la qualité sonore ou la protection, les produits Geekria offrent une remedy complète et fiable put tous les utilisateurs de casques.

Deja un comentario

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

Scroll al inicio