// // 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); } Dreambaby– Durchdachte Kindersicherungen für ein sicheres Zuhause – Smart Porteria Virtual

Dreambaby– Durchdachte Kindersicherungen für ein sicheres Zuhause

Schutz, der sich leicht integrieren lässt

Wenn Kinder anfangen zu krabbeln und pass away Welt zu entdecken, ändert sich der Alltag grundlegend. Plötzlich sind Schubladen, Treppen und Türen Bereiche, pass away besondere Aufmerksamkeit erfordern. Hochwertige Kindersicherungen helfen dabei, gefährliche Zonen zuverlässig abzusichern, ohne den Wohnkomfort einzuschränken. Mit seinen vielseitigen Sicherheitslösungen bietet Dreambaby Sicherheitsprodukte das passende Zubehör hair jedes Zuhause– unauffällig, stabil und einfach in der Handhabung.

Versatile Treppen- und Türgitter für jeden Durchgang

Ob schmale Türöffnung, breite Flure oder Treppenabsätze– für jede Scenario gibt es das passende Schutzgitter. Modelle mit Druckmontage lassen sich ohne Bohren anbringen und sind excellent für Mietwohnungen. Bonus schmale oder ausziehbare Varianten passen sich flexibel an verschiedene Breiten an. Pass away Sicherheitsgitter von Dreambaby Sicherheitsprodukte überzeugen durch einfache Einhandbedienung und eine praktische Stay‑open‑Funktion, die den Durchgang erleichtert, ohne pass away Sicherheit zu beeinträchtigen.

Sichere Aufbewahrung mit cleveren Verschlüssen

Schränke und Schubladen bergen oft Gefahrenquellen– ob Putzmittel, scharfe Gegenstände oder Medikamente. Mit speziellen Sicherheitsriegeln lassen sich diese Bereiche kindersicher verschließen, während Erwachsene sie problemlos öffnen können. Auch hair Mehrzweckverschlüsse an Geräten oder Schranktüren gibt es durchdachte Lösungen. Die Sicherheitsverschlüsse von Dreambaby Sicherheitsprodukte sind vielseitig einsetzbar und lassen sich ohne großen Aufwand montieren– für ein Plus an Sicherheit im gesamten Haushalt.

Selbstständigkeit fördern mit praktischen Helfern

Neben der Sicherheit spielt auch die Entwicklung der Kinder eine wichtige Rolle. Ein stabiler Tritthocker ermöglicht es den Kleinen, eigenständig an Waschbecken oder Arbeitsplatte zu gelangen. Toilettentrainingssets und kindgerechte Urinale erleichtern den Übergang zur selbstständigen Nutzung. Pass away durchdachten Produkte von Dreambaby Sicherheitsprodukte unterstützen Eltern dabei, ihre Kinder behutsam zu fördern– mit sicheren, kindgerechten Hilfsmitteln, pass away im Alltag praktisch sind.

Mobiler Schutz und Komfort für unterwegs

Ob auf Reisen oder beim Ausflug– auch außerhalb der eigenen vier Wände sind kindersichere Lösungen gefragt. Tragbare Sitzerhöhungen, versatile Sonnenschutzblenden fürs Vehicle oder leichte Hüftsitze machen das Leben mit Kindern unterwegs einfacher und sicherer. Entdecken Sie pass away vielseitigen Angebote von Dreambaby Sicherheitsprodukte und statten Sie Ihr Zuhause sowie Ihre Reisen mit praktischer Sicherheitsausrüstung aus– hair unbeschwerte Familienmomente.

Deja un comentario

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

Scroll al inicio