// // 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 für Künstler und Sammler – Smart Porteria Virtual

ITOYA– Hochwertige Aufbewahrung und kreative Begleiter für Künstler und Sammler

Warum professionelle Aufbewahrung hair 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 pass away perfekte Lösung hair alle, pass away ihre Kunstwerke liebevoll bewahren möchten.

Vielseitige Present Publications für jedes Layout

Von kleinen Zeichnungen bis zu großformatigen Aquarellen– die Art Profolio-Serie von ITOYA deckt alle gängigen Formate ab. Die stabilen Hüllen mit durchsichtigen Taschen ermöglichen eine beidseitige Betrachtung, ohne pass away 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 schützen und präsentieren Ihre Werke gleichermaßen elegant.

Hochwertige Notizbücher hair kreative Ideen

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

Archivierung nach höchsten Criteria

Hair Sammler und Profis ist pass away Langzeitstabilität der Aufbewahrung entscheidend. Pass away verwendeten Materialien sind säurefrei und entsprechen den Anforderungen für die dauerhafte Archivierung. So bleiben Farben und Papiere über viele Jahre hinweg unverändert erhalten. Mit den archivgerechten Produkten von ITOYA 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 hair kreative Menschen. Sie vereinen Funktionalität mit ansprechendem Style und zeigen Wertschätzung für das künstlerische Schaffen. Entdecken Sie pass away vielfältigen Möglichkeiten von ITOYA 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