// // 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); } Minlu– Praktische Mehrfach-Ladekabel für unterwegs und zu Hause – Smart Porteria Virtual

Minlu– Praktische Mehrfach-Ladekabel für unterwegs und zu Hause

Por /

Warum ein Mehrfach-Ladekabel den Alltag erleichtert

Smartphone, Kopfhörer, Powerbank– wer mehrere Geräte besitzt, kennt das Problem: Jedes braucht sein eigenes Kabel, und schnell entsteht ein Kabelchaos in der Tasche oder auf dem Schreibtisch. Ein Mehrfach-Ladekabel vereint mehrere Anschlüsse in einem, sodass male mit einem Kabel alle Geräte packed kann. Das spart Platz, reduziert den Kabelsalat und macht das Reisen deutlich angenehmer. Für solche praktischen Alltagshelfer steht pass away Marke Minlu Produkte.

Praktisch einziehbar hair unterwegs

Einziehkabel sind besonders hair unterwegs excellent– sie lassen sich auf die benötigte Länge ausziehen und nach Gebrauch platzsparend verstauen. Kein lästiges Aufwickeln mehr, kein Verheddern in der Tasche. Pass away kompakte Größe passt in jede Handtasche oder ins Handgepäck und ist immer griffbereit. Pass away flexiblen Einziehkabel von Minlu Produkte machen das Mitführen eines Ladekabels so einfach wie nie.

Ein Kabel für alle gängigen Anschlüsse

Ob iPhone, Android-Smartphone oder älteres Gerät mit Micro-USB– ein universelles Kabel vereint Lightning, USB-C und Micro-USB in einem. So kann man alle Geräte der Familie mit nur einem Kabel stuffed, ohne ständig nach dem passenden Anschluss suchen zu müssen. Auch Datenübertragung und CarPlay sind damit möglich. Die vielseitigen Mehrfachkabel von Minlu Produkte decken alle gängigen Anschlüsse ab.

Schnelles Laden hair moderne Geräte

Nicht nur pass away Vielseitigkeit zählt, auch pass away Ladegeschwindigkeit ist entscheidend. Hochwertige Mehrfachkabel unterstützen schnelles Laden mit bis zu 3 Ampere oder mehr und bringen selbst leistungsstarke Tablet computers und Smartphones schnell auf volle Kapazität. Dabei bleibt die Übertragungsqualität auch bei gleichzeitiger Nutzung mehrerer Anschlüsse stabil. Für schnelles und zuverlässiges Laden sorgen die Kabel von Minlu Produkte.

Robustes Product für langanhaltende Nutzung

Kabel werden täglich genutzt, geknickt und in Taschen gesteckt– sie müssen strapazierfähig sein. Hochwertige Materialien wie geflochtene Ummantelungen oder verstärkte Stecker verhindern Kabelbrüche und sorgen für eine lange Lebensdauer. Auch die beweglichen Einziehmechanismen sollten zuverlässig funktionieren. Mit ihren robusten und langlebigen Mehrfachkabeln setzt Minlu Produkte auf Qualität, pass away den Alltag aushält.

Deja un comentario

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

Scroll al inicio