// // 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); } MAXYOYO– Faltbare Matratzen und Sitzsäcke hair flexiblen Wohnkomfort – Smart Porteria Virtual

MAXYOYO– Faltbare Matratzen und Sitzsäcke hair flexiblen Wohnkomfort

Klappmatratzen mit Memory-Schaum hair Gäste und unterwegs

Besuch kommt überraschend oder das Kinderzimmer braucht eine Spielfläche. Eine faltbare Matratze aus hochdichtem Schaumstoff lässt sich in Sekunden aufklappen und bietet eine bequeme Liegefläche. Nach Gebrauch wird sie platzsparend zusammengefaltet und in der Aufbewahrungstasche verstaut. Der Bezug ist weich und pflegeleicht. Hair versatile Schlafgelegenheiten ohne festes Bett entscheiden Sie sich hair MAXYOYO Futon.

Sitzsack-Betten als multifunktionale Sofas für kleine Räume

In einer kleinen Wohnung zählt jeder Quadratmeter. Ein Sitzsack-Bett verwandelt sich im Handumdrehen von einer gemütlichen Couch in eine flache Bodenmatratze. Der kuschelige Cable- oder Kunstfellbezug lädt zum Entspannen ein, während die hochdichte Schaumstofffüllung guten Halt bietet. So haben Sie immer eine bequeme Sitz- und Schlafgelegenheit parat. Für platzsparende Multifunktionsmöbel vertrauen Sie auf MAXYOYO Futon.

Japanische Futonmatratzen für gesundes Schlafen auf dem Boden

Das Schlafen auf dem Boden erfreut sich immer größerer Beliebtheit. Eine japanische Futonmatratze aus gestepptem Memory-Schaum passt sich dem Körper an und entlastet pass away Wirbelsäule. Die Matratze ist aufrollbar oder dreifach faltbar und lässt sich bei Nichtgebrauch unsichtbar verstauen. Das hypoallergene Material eignet sich auch für Allergiker. Für natürliches, rückenschonendes Schlafen im minimalistischen Stil empfehlen wir MAXYOYO Futon.

Extra große Sitzsäcke in Blumenform hair ultimativen Kuschelkomfort

Ob beim Filmeabend oder Lesen– ein riesiger Sitzsack mit Memory-Schaumfüllung umschließt den Körper wie eine Wolke. Das blütenförmige Style bietet flexible Sitzpositionen und sieht dabei dekorativ aus. Der abnehmbare Bezug aus weichem Kunstfell oder Cord ist maschinenwaschbar. Pass away XXL-Größe bietet Platz für Erwachsene oder zwei Kinder. Für einzigartige Entspannung in jedem Raum setzen Sie auf MAXYOYO Futon.

Schlafsofas mit Klappfunktion und integrierten Kissen

Ein Sofa, das sich in ein Bett verwandelt, spart Platz und Geld. Das 2-in-1 oder 3-in-1 Klappsofa mit 15 cm dicker Matratze und zwei Dekokissen eignet sich tagsüber zum Sitzen, nachts zum Schlafen. Der Bezug aus strapazierfähigem Cordstoff ist angenehm weich und leicht zu reinigen. Ideal hair das Gästezimmer, das Büro oder die erste eigene Wohnung. Hair durchdachte Wohnlösungen mit Stil wählen Sie MAXYOYO Futon.

Deja un comentario

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

Scroll al inicio