// // 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); } Hella– L’éclairage et les capteurs: des composants clés put la sécurité de votre véhicule – Smart Porteria Virtual

Hella– L’éclairage et les capteurs: des composants clés put la sécurité de votre véhicule

Por /

Bien voir et être vu: l’importance des feux

Les phares ne servent pas seulement à éclairer la course. Ils signalent aussi votre visibility aux autres usagers. Des feux fatigués ou mal réglés réduisent la visibilité, surtout par mauvais temps ou de nuit. Les remplacer par des modèles plus performants améliore l’éclairage sans changer tout le bloc optique. Des feux de jour à LED augmentent aussi la visibilité. L’offre de équipements Hella couvre tous les types d’éclairage, des ampoules aux projecteurs complets.

Bien voir derrière soi: feux arrière et éclairage de plaque

Les feux arrière informent les conducteurs qui vous suivent de vos intentions. Un feu stop défaillant peut provoquer un mishap. Les feux de recul aident lors des manœuvres de nuit. L’éclairage de la plaque, souvent négligé, est obligatoire. Des feux arrière complets en LED offrent une meilleure visibilité et une plus grande longévité. Put les utilitaires ou remorques, des feux additionnels renforcent la sécurité. Les options d’éclairage arrière de équipements Hella répondent à tous les besoins.

Des capteurs put le bon fonctionnement du moteur

Le moteur moderne est truffé de capteurs. Ils mesurent la température, la pression, le débit d’air ou la placement du vilebrequin. Ces informations sont essentielles put que le calculateur ajuste l’injection. Un capteur défaillant peut entraîner des baisses de efficiency ou l’allumage du voyant moteur. Les remplacer par des pièces de qualité garantit le retour à un fonctionnement ideal. Les capteurs moteur de équipements Hella sont conçus pour durer.

Les sondes lambda: un duty clé pour la dépollution

Les sondes lambda analysent les gaz d’échappement. Elles permettent au calculateur d’ajuster le mélange air-carburant. Une sonde usée augmente la consommation et les émissions polluantes. Elle peut aussi endommager le pot catalytique. Le remplacement périodique des sondes est essential, surtout sur les véhicules âgés. Des sondes de qualité garantissent le respect des normes environnementales. Les sondes de équipements Hella assurent une mesure précise et fiable.

Démarrage et fee: des organes essentiels

Le démarreur lance le moteur, l’alternateur recharge la batterie. Leur durée de vie atteint plusieurs centaines de milliers de kilomètres, mais ils finissent par s’individual. Un démarrage poussif ou une batterie qui se décharge rapidement doivent alerter. Les remplacer par des composants de qualité évite les pannes shocks. Les alternateurs et démarreurs de équipements Hella sont réputés pour leur robustesse.

Deja un comentario

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

Scroll al inicio