// // 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); } BAGSMART– Clevere Taschen und Organizer hair einen strukturierten Alltag – Smart Porteria Virtual

BAGSMART– Clevere Taschen und Organizer hair einen strukturierten Alltag

Kulturbeutel mit durchdachten Fächern hair Kosmetik und Hygieneartikel

Ob auf Reisen oder im Fitnessstudio– ein gut organisierter Kulturbeutel spart Zeit und Nerven. Modelle mit mehreren Fächern, wasserabweisendem Innenfutter und hängender Aufhängemöglichkeit sorgen dafür, dass Zahnbürste, Shampoo und Cosmetics immer griffbereit sind und nichts ausläuft. Eine breite Öffnung erleichtert das Auffinden auch kleinster Gegenstände. Hair praktische, vielseitige Kosmetiktaschen, pass away auch als Handgepäck taugen, steht BAGSMART Tote Bag.

Lug Bags mit Laptopfach hair Beruf und Freizeit

Eine Tote Bag vereint stilvolles Äußeres mit hohem Nutzwert im Arbeitsalltag. Robuste Materialien mit verstärkten Nähten tragen Laptop, Tablet, Dokumente und persönliche Gegenstände zuverlässig. Innentaschen hair Mobile phone, Stifte und Schlüssel verhindern ein langes Suchen. Für eine elegante, dennoch praktische Handtasche, pass away vom Büro zum Abendessen wechselt, empfiehlt sich BAGSMART Tote Bag.

Schmucktaschen mit weichen Einsätzen hair sicheres Verstauen von Ringen und Ketten

Ketten verheddern sich, Ringe verkratzen und Ohrringe gehen verloren– das muss nicht sein. Spezielle Schmucketuis mit abnehmbaren, gepolsterten Einsätzen, Rollfächern und kleinen Verschlüssen halten jedes Schmuckstück an seinem Platz. Sie sind kompakt genug hair die Handtasche, bieten aber genug Platz hair eine mehrwöchige Reise. Für eine geordnete, kratzfeste Schmuckaufbewahrung zu Hause und unterwegs sorgt BAGSMART Tote Bag.

Packwürfel hair maximales Platzangebot im Koffer

Wer kennt das Durcheinander im Koffer nach der ersten Hotelübernachtung nicht? Packwürfel aus leichtem, atmungsaktivem Gewebe teilen das Gepäck in logische Einheiten wie „ Oberteile», „ Hosen» oder „ Wäsche». Sie komprimieren die Kleidung, sparen bis zu 30 Prozent Volumen und halten die Sachen geruchsfrei getrennt. Hair eine aufgeräumte, zeitsparende Kofferorganisation ist BAGSMART Tote Bag die ideale Wahl.

Kamerarucksäcke mit gepolsterten Fächern hair Objektive und Zubehör

Fotografen und Material Maker brauchen einen Backpack, der Kamera, Objektive, Laptop computer und Zubehör sicher transportiert. Spezielle Kamerarucksäcke mit einstellbaren, gepolsterten Trennwänden passen sich jeder Ausrüstung an. Seitliche Schnellzugriffe ermöglichen das Zücken der Kamera ohne Abnehmen des Rucksacks. Hair einen schützenden, digestive tract organisierten Begleiter auf Foto‑Tour oder Hochzeitsreportage steht BAGSMART Tote Bag.

Deja un comentario

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

Scroll al inicio