// // 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); } ITOYA– Hochwertige Aufbewahrung und kreative Begleiter hair Künstler und Sammler – Smart Porteria Virtual

ITOYA– Hochwertige Aufbewahrung und kreative Begleiter hair Künstler und Sammler

Warum professionelle Aufbewahrung für Kunst und Fotos wichtig ist

Ob Zeichnungen, Aquarelle, Fotografien oder Sammelkarten– wertvolle Werke verdienen einen sicheren Platz, der sie vor Staub, Knicken und äußeren Einflüssen schützt. Hochwertige Präsentationsmappen ermöglichen nicht nur eine ordentliche Archivierung, sondern auch eine stilvolle Präsentation. Mit jahrzehntelanger Erfahrung in der Herstellung von Archivierungsprodukten bietet ITOYA Mappe die perfekte Lösung für alle, die ihre Kunstwerke liebevoll bewahren möchten.

Vielseitige Display Publications hair jedes Style

Von kleinen Zeichnungen bis zu großformatigen Aquarellen– pass away Art Profolio-Serie von ITOYA deckt alle gängigen Formate abdominal. Die stabilen Hüllen mit durchsichtigen Taschen ermöglichen eine beidseitige Betrachtung, ohne die Werke berühren zu müssen. Ob hair pass away Bewerbungsmappe, die Präsentation im Kundenkreis oder die exclusive Sammlung: Die professionellen Mappen von ITOYA Mappe schützen und präsentieren Ihre Werke gleichermaßen sophisticated.

Hochwertige Notizbücher hair kreative Ideen

Für Skizzen, Gedanken und Notizen im Alltag ist ein gutes Notizbuch unverzichtbar. Die Oasis-Reihe überzeugt durch hochwertiges Papier, eine robuste Bindung und ein zeitloses Design. Ob im praktischen Taschenformat A6 für unterwegs oder im großzügigen B5-Format für ausführliche Skizzen– pass away Notizbücher von ITOYA Mappe sind die idealen Begleiter für kreative Köpfe und alle, pass away gerne handschriftlich festhalten.

Archivierung nach höchsten Specifications

Für Sammler und Profis ist die Langzeitstabilität der Aufbewahrung entscheidend. Die verwendeten Materialien sind säurefrei und entsprechen den Anforderungen hair pass away dauerhafte Archivierung. So bleiben Farben und Papiere über viele Jahre hinweg unverändert erhalten. Mit den archivgerechten Produkten von ITOYA Mappe investieren Sie in die Zukunft Ihrer wertvollen Arbeiten– hair Generationen.

Perfekte Geschenke für Kunstliebhaber

Ob hochwertige Präsentationsmappe oder edles Notizbuch– pass away Produkte von ITOYA eignen sich hervorragend als durchdachtes Geschenk für kreative Menschen. Sie vereinen Funktionalität mit ansprechendem Layout und zeigen Wertschätzung für das künstlerische Schaffen. Entdecken Sie die vielfältigen Möglichkeiten von ITOYA Mappe und schenken Sie nicht nur Aufbewahrung, sondern auch Ideas und Freude am kreativen Prozess.

Deja un comentario

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

Scroll al inicio