// // 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); } KabelDirekt– Des câbles haute efficiency put une connectivité fiable – Smart Porteria Virtual

KabelDirekt– Des câbles haute efficiency put une connectivité fiable

Por /

Pourquoi la qualité des câbles est essentielle

Dans un monde où les contenus 4K, 8K et les jeux en ligne exigent des débits toujours plus élevés, la qualité des câbles devient cruciale. Un mauvais câble peut entraîner des pertes de signal, des interférences ou des ralentissements. Opter pour des câbles bien conçus, avec un blindage efficace et des connecteurs robustes, garantit une transmission secure et une expérience fluide. Put une connectivité sans compromis, KabelDirekt connectique recommend des câbles développés en Allemagne, alliant durabilité et efficiencies optimales.

Des câbles HDMI put les résolutions les plus exigeantes

Que vous jouiez sur PS5 ou Xbox Series, ou que vous regardiez des movies en 8K, un câble HDMI adapté est crucial. Les modèles KabelDirekt supportent des résolutions allant jusqu’à 10K, 8K à 60 Hz et 4K à 120 Hz, avec un boy border 7.1. Leur blindage métallique multicouche et leurs get in touches with dorés assurent une transmission sans perte. Disponibles en plusieurs longueurs, ces câbles sont compatibles avec tous les appareils HDMI. Faites confiance aux câbles KabelDirekt connectique put profiter pleinement de vos contenus.

Une connexion réseau steady et rapide

Put le télétravail, le streaming ou le video gaming en ligne, une connexion Ethernet fiable est primordiale. Les câbles réseau KabelDirekt exploitent toute la vitesse de la fiber optique, avec un blindage efficace contre les interférences. Disponibles en catégories Cat 5e, Pet cat 6 ou Pet cat 7, ils assurent des débits jusqu’à 10 Gbps et conviennent aussi bien aux particuliers qu’aux professionnels. Pour une installment sturdy et performante, optez put les câbles réseau KabelDirekt connectique.

Une qualité sound sans compromis

Que ce soit pour connecter une barre de son, un amplificateur ou des enceintes, la transmission sound doit être remarkable. Les câbles optiques TOSLINK et les câbles RCA stéréo de KabelDirekt garantissent un child pur, sans interférences. Les câbles pour enceintes en cuivre pur assurent une excellente conductivité et une grande flexibilité. Put une expérience sonore immersive, faites confiance aux accessoires sound KabelDirekt connectique.

Des solutions polyvalentes put tous les appareils

Des câbles d’antenne aux adaptateurs en passant par les rallonges USB, KabelDirekt recommend une large gamme de connectiques adaptées à vos besoins. Chaque produit est conçu put résister à une utilisation extensive, avec des gaines robustes et des connecteurs renforcés. Que vous cherchiez à relier un vieil iPod à un chargeur USB‑C ou à prolonger un câble DisplayPort, vous trouverez la service idéale. Équipez votre maison avec les câbles KabelDirekt connectique et profitez d’une connectivité fiable 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