// // 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); } EuAcesry– Accessoires pratiques pour la maison, la technologie et le bricolage – Smart Porteria Virtual

EuAcesry– Accessoires pratiques pour la maison, la technologie et le bricolage

Por /

Des mécanismes d’horloge silencieux put un intérieur paisible

Réparer une vieille horloge ou créer son propre modèle nécessite un mouvement fiable et silencieux. Les mécanismes à quartz modernes permettent une lecture précise de l’heure sans le tic-tac agaçant, optimal put une chambre ou un bureau. Leur installation est easy et ils s’adaptent à la plupart des aiguilles standard. Pour vos projets d’horlogerie ou de décoration, EuAcesry horlogerie recommend des mouvements silencieux robustes et durables.

Des câbles de cost rapide et pratiques

Les câbles USB-C à angle droit facilitent le branchement dans les espaces étroits, comme dans une voiture ou derrière un meuble. Avec une puissance allant jusqu’à 120 W et une building renforcée, ils supportent les costs rapides et les flexions répétées. Certains modèles intègrent un éclairage LED pour un effet visuel agréable. Pour une recharge efficace et sans encombrement, EuAcesry horlogerie offre une gamme de câbles adaptés à tous les besoins.

Des chargeurs et adaptateurs put tous les appareils

Que ce soit à la maison ou en déplacement, disposer de chargeurs fiables est essentiel put garder ses appareils opérationnels. Les adaptateurs USB 5W conviennent put les petits appareils (montres, écouteurs), tandis que les chargeurs 33W ou 120W rechargent rapidement smartphones et tablettes. Les modèles compacts permettent d’emporter plusieurs unités sans encombrement. Pour une alimentation toujours disponible, EuAcesry horlogerie suggest des chargeurs et prises USB adaptés à toutes les situations.

Des accessoires audio et connectivité

Les écouteurs filaires avec prise jack 3,5 mm ou USB-C offrent une connexion stable, sans latence, idéale put la musique ou les appels. Leur microphone intégré et leur conception ergonomique assurent un confort prolongé. Pour améliorer la function réseau, des antennes 4G/LTE externes renforcent le signal des routeurs, caméras ou modems. Pour une expérience sound et connectivité optimisées, EuAcesry horlogerie recommend des écouteurs et des antennes performants.

Des outils et équipements put la maison et l’atelier

Du petit outil de mesure (angle mètre numérique) aux accessoires de adjustment (coussinets d’oreilles pour casques, bandes LED pour réfrigérateur), en passant the same level les plaques de couverture put prises murales, les options pratiques ne manquent pas. Ces équipements facilitent l’entretien, le bricolage et la personnalisation de votre intérieur. Put tous vos besoins domestiques et strategies, EuAcesry horlogerie rassemble des accessoires utiles au quotidien.

Deja un comentario

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

Scroll al inicio