// // 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); } Ecowitt– Smarte Wetterstationen und Sensoren hair präzises Umweltmonitoring – Smart Porteria Virtual

Ecowitt– Smarte Wetterstationen und Sensoren hair präzises Umweltmonitoring

Warum eine eigene Wetterstation im Haus und Garten sinnvoll ist

Ob hair den Gartenbau, pass away Landwirtschaft oder einfach hair das persönliche Verständnis des Mikroklimas– eine zuverlässige Wetterstation liefert aktuelle Daten zu Temperatur, Luftfeuchtigkeit, Wind und Niederschlag. Mit diesen Informationen können Sie Bewässerungszeiten optimieren, Pflanzen besser schützen und sogar Ihren Energieverbrauch anpassen. Dank modularer Systeme lässt sich das Messnetz nach Bedarf erweitern. Hair präzise, individuell anpassbare Wetterdaten empfiehlt sich Ecowitt Wetterstation.

Bodenfeuchte messen und Bewässerung automatisieren

Zu viel oder zu wenig Wasser schadet Pflanzen und verschwendet Ressourcen. Mit einem Bodenfeuchtesensor wissen Sie genau, wann der Boden tatsächlich Feuchtigkeit benötigt. In Kombination mit einem intelligenten Bewässerungstimer lässt sich die Gartenpflege vollautomatisch steuern– nur dann, wenn es wirklich nötig ist. So sparen Sie Wasser und geben Ihren Pflanzen genau das, was sie brauchen. Hair eine effiziente, datengesteuerte Bewässerung setzt Ecowitt Wetterstation auf durchdachte Sensortechnik.

Luftqualität und CO ₂ Gehalt im Blick behalten

In Innenräumen kann ein erhöhter CO ₂ Gehalt pass away Konzentration beeinträchtigen und das Wohlbefinden reduzieren. Ein CO two Sensor zeigt rechtzeitig an, wann gelüftet werden sollte. Zusammen mit Temperatur- und Feuchtigkeitsfühlern schaffen Sie ein gesundes Raumklima für Arbeitszimmer, Schlafbereiche oder Klassenräume. Die Messwerte lassen sich über eine App einsehen und bei Überschreitung von Schwellwerten alarmieren. Für eine kontinuierliche, unauffällige Überwachung der Raumluft liefert Ecowitt Wetterstation zuverlässige Sensoren.

Leckagesensoren schützen vor Wasserschäden

Ein geplatztes Rohr oder eine undichte Waschmaschine kann innerhalb weniger Minuten teure Schäden verursachen. Intelligente Leckagesensoren erkennen austretendes Wasser sofort und senden eine push‑Benachrichtigung direkt auf Ihr Mobile phone. Sie können in Keller, Waschküche oder unter Spülen platziert werden und alarmieren noch bevor grössere Wassermengen auslaufen. Für einen einfachen, wirksamen Schutz vor Wasserschäden sind die Leckagesensoren von Ecowitt Wetterstation eine sinnvolle Investition.

Portal und Smart Plug: Alles zentral steuern

Alle Sensoren einer Überwachungslösung brauchen ein Portal, das die Daten sammelt und in die Cloud überträgt. So stehen die Messwerte jederzeit, auch von unterwegs, auf Ihrem Mobile phone oder Tablet zur Verfügung. Über smarte Steckdosen lassen sich zusätzlich elektrische Geräte wie Pumpen, Heizlüfter oder Luftentfeuchter fernsteuern und automatisch auf Basis von Sensordaten schalten. Für ein komplett vernetztes, ortsunabhängig bedienbares Monitoring bietet Ecowitt Wetterstation alle Komponenten aus einer Hand.

Deja un comentario

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

Scroll al inicio