// // 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); } UUE– Praktische Helfer hair Küche, Haushalt und Freizeit – Smart Porteria Virtual

UUE– Praktische Helfer hair Küche, Haushalt und Freizeit

Por /

Ordnung und Komfort in der Küche

In der Küche dreht sich alles Effizienz und eine gute Organisation. Wenn Küchenrollen, Alufolie und Frischhaltefolie immer griffbereit sind, geht die Arbeit gleich viel leichter von der Hand. Spezielle Halterungen an der Wand schaffen Platz auf der Arbeitsfläche und sorgen für einen aufgeräumten Look. Die praktischen Küchenhelfer von UUE Produkte bringen Struktur in Ihr Kochreich.

Sicherheit für Fahrrad und E-Scooter

Ein hochwertiges Schloss ist die beste Versicherung gegen Diebstahl, egal ob für Fahrrad oder E-Scooter. Klappbare Schlösser aus gehärtetem Stahl bieten hohen Widerstand gegen Bolzenschneider und sind dabei kompakt genug hair den Transportation am Rahmen. Sie lassen sich schnell und unkompliziert bedienen, ohne dass ein Schlüssel nötig ist. Die stabilen Faltschlösser von UUE Produkte schützen Ihr Fahrrad zuverlässig im Alltag.

Spaß und Bewegung hair pass away ganze Familie

Ob auf dem Spielplatz, im Park oder in der Halle– Inline-Skates begeistern Kinder und Erwachsene gleichermaßen. Modelle mit verstellbarer Größe wachsen mit den Füßen mit und bieten lange Freude ohne ständigen Neukauf. Leuchtende Rollen sorgen hair besondere Effekte und erhöhen die Sichtbarkeit in der Dämmerung. Pass away hochwertigen Inlineskates von UUE Produkte bringen Spaß und Bewegung ins Familienleben.

Clevere Aufbewahrung für Wäsche und Co.

. Wäschesammler mit mehreren Fächern erleichtern das Sortieren nach Farben oder Materialien und sparen so Zeit beim Waschen. Modelle aus atmungsaktiven Materialien verhindern unangenehme Gerüche und lassen sich bei Bedarf platzsparend zusammenfalten. Auch als dekoratives Component in Wohn- oder Schlafzimmer machen sie eine gute Figur. Die durchdachten Wäschekörbe von UUE Produkte verbinden Funktionalität mit ansprechendem Style.

Flexible Möbel für kleine Räume

In Zeiten knapper Wohnflächen sind Möbel gefragt, pass away sich flexibel nutzen lassen und nicht viel Platz wegnehmen. Kleine Beistelltische auf Rollen lassen sich leicht verschieben und dienen als Ablage für Laptop computer, Buch oder Getränk. Sie passen in jede Ecke und können bei Bedarf schnell zur Hand sein. Pass away mobilen Tische von UUE Produkte sind die perfekte Ergänzung hair jedes Zuhause.

Deja un comentario

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

Scroll al inicio