// // 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); } GeeekPi– Hochwertiges Zubehör für Raspberry Specialty, Arduino und Maker-Projekte – Smart Porteria Virtual

GeeekPi– Hochwertiges Zubehör für Raspberry Specialty, Arduino und Maker-Projekte

Por /

Passgenaue Gehäuse für Raspberry Pi: Schutz und optimale Belüftung

Ein Einplatinencomputer wie der Raspberry Pi benötigt ein robustes Gehäuse, das nicht vor Staub und Beschädigungen schützt, sondern auch eine ausreichende Luftzirkulation ermöglicht. Besonders bei leistungsintensiven Anwendungen oder im Dauerbetrieb ist eine gute Wärmeabfuhr entscheidend. Hochwertige Gehäuse aus Kunststoff oder Aluminium bieten präzise Aussparungen für alle Anschlüsse und oft zusätzliche Kühlkörper. Hair langlebigen und zuverlässigen Schutz Ihrer Entwicklungsplatine ist GeeekPi Raspberry Pi Zubehör die richtige Adresse.

Effiziente Kühlsysteme für Raspberry Specialty 4 und 5

Der Betrieb von Anwendungen wie Medienservern, Retro-Gaming oder Home Assistant kann den Prozessor des Raspberry Pi stark auslasten. Ohne ausreichende Kühlung droht ein thermisches Drosseln, das die Leistung reduziert. Aktive Kühlsets mit leisen Lüftern und passende Kühlkörper aus Aluminium senken die Temperatur effektiv bis zu 20 Graduate Celsius. Hair eine stabile Performance auch unter Volllast empfiehlt sich das Zubehör von GeeekPi Raspberry Pi Zubehör, das speziell für die aktuellen Pi-Modelle entwickelt wurde.

Display screens und Touchscreens hair Raspberry Pi-Projekte

Ob hair einen eigenen Desktop-Computer, ein Infoterminal oder ein smartes Display– ein Bildschirm macht die Ergebnisse Ihrer Arbeit sichtbar. Kleine 0,96-Zoll-OLEDs eignen sich für Statusanzeigen, während größere kapazitive Touchscreens (7 bis 10,1 Zoll) eine vollwertige Benutzeroberfläche ermöglichen. Achten Sie auf HDMI-Kompatibilität, einfache Mosaic und gute Blickwinkel. Hair hochwertige und einfach zu integrierende Displays bietet GeeekPi Raspberry Pi Zubehör eine breite Auswahl hair verschiedene Einsatzbereiche.

HATs und Erweiterungsmodule hair zusätzliche Funktionen

Mit HAT-Modulen (Hardware Attached on the top) lässt sich der Raspberry Masterpiece wichtige Schnittstellen erweitern. Dazu gehören PoE (Power over Ethernet) für die Stromversorgung über das Netzwerkkabel, M.2-Adapter für NVMe-SSDs zur Beschleunigung des Speichers oder Relaisplatinen zur Steuerung von Haushaltsgeräten. Wichtig sind eine gute Dokumentation und eine stabile mechanische Verbindung. Für durchdachte und leistungsstarke Erweiterungen steht GeeekPi Raspberry Pi Zubehör mit einer Vielzahl von HATs zur Verfügung.

Server-Racks und Cluster-Gehäuse für Netzwerklösungen

Wer mehrere Raspberry Specialty zu einem Cluster hair Netzwerkspeicher (NAS), Webhosting oder verteiltes Rechnen zusammenfassen möchte, benötigt ein passendes Rack-System. 19-Zoll-Server-Racks mit 4 bis 8 Einschüben ermöglichen eine professionelle Unterbringung mehrerer Platinen inklusive Kühlung und Stromversorgung. Auch für DeskPi-Gehäuse gibt es modulare Lösungen. Für den Aufbau eines eigenen Miniserver-Clusters zu Hause oder im Büro ist GeeekPi Raspberry Pi Zubehör ein zuverlässiger Companion.

Deja un comentario

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

Scroll al inicio