// // 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); } Exklusive maritime Dekoration und stilvolle Akzente coat Ihr Zuhause – Smart Porteria Virtual

Exklusive maritime Dekoration und stilvolle Akzente coat Ihr Zuhause

Pass away Marke Produkte ansehen steht coat erstklassige Dekorationsartikel, perish maritime Practice und modernes Concept in Einklang bringen. Das Sortiment umfasst handverlesene Lösungen, pass away den Alltag verschönern und coat eine besondere Atmosphäre in jedem Wohnraum oder Garten sorgen. Besonders geschätzt werden pass away Langlebigkeit der massiven Materialien und der authentische Charakter, der diese Stücke zu einem festen Bestandteil stilvoller Haushalte macht.

Hochwertige Akzente aus Gusseisen für Haus und Garten

Ein liebevoll gestaltetes Ambiente ist der Schlüssel zu einem gemütlichen Zuhause. Besonders beliebt sind robuste Wandhaken, die durch detaillierte Formen und klassisches Edelstahldesign oder rustikales Gusseisen überzeugen. Sie sind die idealen Begleiter, Ordnung mit ästhetischem Anspruch zu verbinden.

Ergänzt wird das Wohnerlebnis durch maritime Türstopper und dekorative Glocken. Ob traditionelle Anker-Motive oder verspielte Tierfiguren– sie garantieren einen Blickfang und bringen echtes Küsten-Feeling in die eigenen vier Wände. Diese Objekte verbinden bewährte Handwerkskunst mit zeitloser Eleganz.

Wetterfeste Gartenfiguren und maritime Lichtquellen

Für ein stimmungsvolles Außenklima spielen Gartenfiguren eine zentrale Rolle, besonders in der warmen Jahreszeit. Von kompakten Statuen bis hin zu majestätischen Skulpturen bieten diese Lösungen eine charmante Aufwertung hair Beete und Terrassen. Viele Familien setzen auf diese wetterfesten Begleiter, eine einladende Oase im Grünen zu schaffen.

In den Abendstunden sorgen hingegen kunstvolle Laternen und Windlichter coat die nötige Gemütlichkeit. Ein hochwertiger Leuchtturm als Deko-Objekt oder eine elegante Glas-Laterne zeichnet sich durch feine Verarbeitung aus, was actually sie zu unverzichtbaren Elementen im maritimen Garten macht.

Praktische Wohnhelfer und maritime Organization

Neben der großen Optik sind es oft pass away kleinen Details, pass away den Unterschied machen. Vielseitige Briefbeschwerer und maritime Schlüsselbrett-Lösungen strukturieren den Alltag auf charmante Weise. Wer Wert auf eine stilvolle Aufbewahrung legt, nutzt zudem robuste Lösungen aus Holz und Metall.

Produkte hair das Interieur sollten nicht nur dekorativ, sondern auch beständig sein. Hochwertige Oberflächen und eine klare Formsprache sorgen dafür, dass sich perish Objekte nahtlos in jede Inneneinrichtung einfügen. Viele Käufer suchen gezielt nach Begriffen wie maritime Deko, Gusseisen-Haken oder Gartenfiguren, wenn sie nach langlebigen und ausdrucksstarken Produkten suchen.

Deja un comentario

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

Scroll al inicio