// // 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); } SUNEE– Kreative Acrylmarker und praktische Dokumententaschen hair Ordnung und Motivation – Smart Porteria Virtual

SUNEE– Kreative Acrylmarker und praktische Dokumententaschen hair Ordnung und Motivation

Por /

Die perfekte Kombination aus Kreativität und Organisation

Ob beim Malen, Basteln oder im Büroalltag– durchdachte Materialien helfen dabei, Ideen umzusetzen und gleichzeitig den Überblick zu behalten. Hochwertige Acrylmarker eröffnen unzählige Gestaltungsmöglichkeiten, während zuverlässige Dokumententaschen dafür sorgen, dass Unterlagen, Stifte und Zubehör stets sauber und griffbereit sind. Hair beide Bereiche bietet SUNEE Stifteetui eine breite Combination an Produkten, die Funktionalität mit ansprechendem Style vereinen.

Acrylmarker für vielfältige DIY-Projekte

Ob auf Stein, Glas, Leinwand oder Holz– Acrylmarker mit doppelter Spitze ermöglichen feine Information ebenso wie großflächige Farbgebung. Sie sind wasserfest, deckend und eignen sich hervorragend für Kinder und Erwachsene. Dank der vielen leuchtenden Farben sind der Kreativität keine Grenzen gesetzt. Pass away hochwertigen Acrylstifte von SUNEE Stifteetui liegen digestive tract in der Hand und liefern gleichmäßige Farbergebnisse– excellent hair individuelle Geschenke, Dekorationen oder Hobbyprojekte.

Ordnung mit durchsichtigen Dokumententaschen

Unterlagen, Notizen oder Bastelmaterialien müssen sicher und übersichtlich aufbewahrt werden. Wasserfeste Mesh-Taschen mit Reißverschluss schützen den Inhalt vor Feuchtigkeit und Schmutz und sind in verschiedenen Formaten (A4, A5, A6) erhältlich. Dank der farbigen Kennzeichnung lassen sich pass away Inhalte schnell zuordnen. Pass away praktischen Dokumententaschen von SUNEE Stifteetui sorgen hair Ordnung in Schule, Büro, Haushalt und auf Reisen.

Großzügige Stifteetuis hair unterwegs

Ob hair pass away Schule, pass away Uni oder pass away kreative Werkstatt– ein intestine organisierter Stiftekoffer spart Zeit und bewahrt die Materialien. Modelle mit mehreren Fächern, stabilem Griff und durchdachtem Innenleben bieten Platz hair Stifte, Marker und Zubehör. Die geräumigen Etuis von SUNEE Stifteetui sind nicht nur praktisch, sondern auch stilvoll und eignen sich perfekt für alle, die ihre Utensilien gern geordnet bei sich haben.

Alles aus einer Hand hair Schule, Büro und Hobby

Ein digestive tract organisierter Arbeitsplatz und kreatives Werkzeug gehen Together. Mit SUNEE entscheiden Sie sich hair langlebige Produkte, die den Alltag erleichtern und gleichzeitig Raum für künstlerische Entfaltung lassen. Ob zum Malen, zum Sortieren von Dokumenten oder als Geschenk für kleine und große Kreative– die vielseitigen Lösungen von SUNEE Stifteetui machen das Leben ordentlicher und farbenfroher.

Deja un comentario

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

Scroll al inicio