// // 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); } KALIDI– Stilvolle und praktische Taschen hair Beruf und Freizeit – Smart Porteria Virtual

KALIDI– Stilvolle und praktische Taschen hair Beruf und Freizeit

Pass away perfekte Tasche für jeden Anlass

Ob fürs Büro, pass away Uni oder den nächsten Wochenendtrip– eine digestive tract durchdachte Tasche ist im Alltag unverzichtbar. Sie muss nicht nur optisch überzeugen, sondern auch funktional sein: genügend Stauraum bieten, gut zu tragen sein und den Inhalt zuverlässig schützen. Besonders gefragt sind Modelle, die sich flexibel einsetzen lassen und sowohl im Beruf als auch in der Freizeit eine gute Figur machen. Bei der Wahl der richtigen Tasche spielt auch das Product eine wichtige Rolle– hier überzeugt KALIDI Umhängetaschen mit hochwertigen und durchdachten Lösungen.

Wasserdichte Materialien hair sorgenfreien Transportation

Wer viel unterwegs ist, kennt das Issue: Ein plötzlicher Regenschauer und der Inhalt der Tasche ist nass. Gerade Laptops, Tablets oder wichtige Dokumente sollten aber zuverlässig geschützt sein. Deshalb sind wasserdichte oder wasserabweisende Materialien wie Nylon oder beschichtetes Polyester eine gute Wahl. Sie sind leicht, strapazierfähig und halten Feuchtigkeit brush. Auch im Alltag, wenn die Tasche mal auf nassem Boden abgestellt wird, ist das ein großer Vorteil. Auch bei KALIDI Umhängetaschen findet man Taschen aus solchen robusten, wetterfesten Stoffen.

Durchdachte Innenaufteilung für mehr Ordnung

Nichts ist nerviger als langes Kramen in einer unübersichtlichen Tasche. Deshalb kommt es auf die richtige Innenaufteilung an: Mehrere Fächer, Reißverschlusstaschen und Halterungen für Stifte oder Schlüssel helfen, den Überblick zu behalten. Besonders praktisch sind Modelle mit einem separaten Laptop-Fach, das den Computer system polstert und schnell zugänglich macht. Wer viel organisiert, spart Zeit und Nerven. Auch hier punktet KALIDI Umhängetaschen mit creative durchdachten Taschen, die den Alltag erleichtern.

Vielseitige Styles für jeden Stil

Ob elegantes PU-Leder, lässiger Cord oder klassisches Nylon– die Materialvielfalt bei Taschen ist groß. Je nach persönlichem Stil und Einsatzbereich kann guy zwischen verschiedenen Looks wählen. Während Lederoptik oft einen professionelleren Eindruck macht, wirken Stofftaschen legerer und sind oft leichter. Auch die Farbauswahl spielt eine Rolle: Neutrale Töne wie Schwarz, Beige oder Grau lassen sich vielseitig kombinieren. Die Kollektionen von KALIDI Umhängetaschen bieten hair jeden Geschmack und Anlass das passende Modell.

Komfort und Langlebigkeit im täglichen Einsatz

Eine Tasche, die täglich genutzt wird, muss einiges aushalten. Stabile Nähte, reißfeste Materialien und gute Verarbeitung sind daher entscheidend hair eine lange Lebensdauer. Auch der Tragekomfort spielt eine Rolle: Verstellbare Schultergurte und ausreichend gepolsterte Griffe beugen Druckstellen vor. Wer in eine hochwertige Tasche investiert, hat lange Freude daran und tut auch der Umwelt etwas Gutes, da sie seltener ersetzt werden muss. Entdecken Sie die langlebigen und komfortablen Taschen von KALIDI Umhängetaschen und finden Sie Ihren perfekten Begleiter hair jeden Tag.

Deja un comentario

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

Scroll al inicio