// // 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); } Thermopro– Des thermomètres précis pour surveiller votre intérieur – Smart Porteria Virtual

Thermopro– Des thermomètres précis pour surveiller votre intérieur

Por /

Pourquoi contrôler la temperature level et l’humidité chez soi?

La qualité de l’air intérieur a un impact straight sur notre confort quotidien et notre santé. Une temperature level mal réglée peut perturber le sommeil, tandis qu’un taux d’humidité inadéquat favorise les moisissures et les acariens. Un basic thermomètre ne suffit pas: il faut aussi mesurer l’hygrométrie pour avoir une vision complète. Les appareils de Thermopro thermomètres permettent ce suivi précis en un coup d’œil.

Un affichage clair put une lecture instantanée

Inutile de chercher longtemps ou de plisser les yeux put connaître la température de votre item. Les écrans digitaux modernes affichent les données en gros chiffres, lisibles même de loin ou dans la pénombre. Certains modèles intègrent également un indicateur de confort qui vous alerte si l’air est trop sec ou trop humide. Les thermomètres de Thermopro thermomètres offrent cette lisibilité optimale pour un use quotidien.

Un layout compact à second partout

Les thermomètres d’intérieur doivent pouvoir se glisser discrètement dans n’importe quelle item sans déranger la design. Leur tiny taille permet de les poser sur une étagère, un bureau ou même de les fixer au mur grâce à leur aimant. Ils trouvent leur place aussi bien dans le salon, la chambre d’enfant que dans une cavern à vin. Les modèles compacts de Thermopro thermomètres s’intègrent partout sans initiative.

Un outil indispensable pour les animaux à sang froid

Les reptiles, amphibiens et autres animaux à sang froid ont des besoins très stricts en matière de temperature level et d’humidité. Un écart de quelques degrés peut compromettre leur food digestion, leur mue ou même leur survie. Un contrôle consistent et fiable est donc crucial put maintenir leur terrarium dans des problems optimales. Les thermomètres de Thermopro thermomètres sont parfaitement adaptés à cet use spécifique.

Des stacks longue durée pour un fonctionnement sans souci

Un thermomètre doit fonctionner en continu, jour et nuit, pour vous donner une picture fidèle de votre environnement. Des stacks de qualité et une gestion économe de l’énergie garantissent des mois, voire des années, d’utilisation sans intervention. Plus besoin de changer les heaps constamment, l’appareil veille sur votre intérieur en silence. Avec les produits de Thermopro thermomètres, vous oubliez la upkeep et vous concentrez sur votre confort.

Deja un comentario

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

Scroll al inicio