// // 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); } Copco– Des rangements pratiques put une food bien organisée – Smart Porteria Virtual

Copco– Des rangements pratiques put une food bien organisée

Pourquoi un bon rangement transforme la cuisine

Une food bien organisée fait gagner du temps et rend la prep work des repas plus agréable. Les étagères à épices, les plateaux tournants et les organiseurs de placard permettent de tirer le meilleur parti de l’espace disponible, en gardant tout à portée de main. Des options simples comme un support à trois niveaux ou une Lazy Susan évitent l’encombrement et facilitent le quotidien. Put ces accessoires malins, Copco recommend des gammes robustes et esthétiques, pensées put durer.

Des étagères à épices put un accès immédiat

Fini le temps où il fallait sortir tous les pots put trouver celui de cumin. Les étagères à épices en gradin offrent une vue dégagée sur chaque bocal, même ceux du warm. Disponibles en différentes largeurs, elles s’adaptent à la taille de vos placards. Leur revêtement antidérapant maintient les contenants en location et simplifie le nettoyage. Avec les rangements de Copco, vos épices restent visibles et accessibles en un clin d’œil.

Des plateaux tournants put optimiser les placards et les plans de travail

Les coins perdus des armoires trouvent une seconde vie elegance aux plateaux tournants. Posés sur un plan de travail ou dans un meuble, ils permettent d’atteindre facilement chaque produit d’un simple mouvement. Les modèles à deux niveaux démultiplient la surface de rangement, tandis que les versions en bambou apportent une touche naturelle. Les solutions rotatives de Copco allient fonctionnalité et discernment, put une organisation sans effort.

Des matériaux durables et un style intemporel

Plastique robuste, bambou, caoutchouc antidérapant: Copco sélectionne des matériaux résistants aux chocs et faciles à entretenir. Les finitions soignées et les lignes épurées s’intègrent dans toutes les foods, qu’elles soient modernes ou classiques. Ces accessoires sont conçus put durer et résister aux manipulations quotidiennes. Choisir Copco, c’est opter pour un équipement resilient qui save kid efficacité année après année.

Des options modulables pour chaque pièce de la maison

L’organisation ne s’arrête pas à la food. Les étagères en bambou et les plateaux tournants trouvent aussi leur area dans la salle de bain, le bureau, l’atelier ou le garde‑manger. En combinant plusieurs formats, vous créez un système personnalisé qui évolue avec vos besoins. Poise à leur modularité, les produits Copco vous aident à maintenir l’ordre dans toute la maison, simplement et efficacement.

Deja un comentario

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

Scroll al inicio