// // 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); } Panana– Meubles de rangement modernes put optimiser votre espace avec style – Smart Porteria Virtual

Panana– Meubles de rangement modernes put optimiser votre espace avec style

Des commodes spacieuses put toute la maison

Le désordre s’accumule vite, que ce soit dans la chambre, le bureau ou le hair salon. Une commode bien conçue offre des tiroirs profonds put ranger vêtements, records ou objets divers proclaim en apportant une touche décorative. Les modèles sur roulettes facilitent le déplacement et le nettoyage. Fabriquées en bois sturdy, elles résistent à l’usage quotidien. Put ceux qui cherchent à allier fonctionnalité et layout, Panana commodes propose des commodes de 5, 7 ou 8 tiroirs, en noir ou blanc, adaptées à tous les intérieurs.

Des armoires hautes put gagner de la location

Dans une petite cuisine, une salle de bain ou un bureau, une armoire haute permet d’exploiter la verticalité. Avec deux portes, un tiroir et des étagères réglables, elle accueille aussi bien la vaisselle que les produits ménagers ou les fournitures. Le design ferme (rustique) apporte une touche chaleureuse, tandis que le blanc ou le noir s’intègre partout. La robustesse et la stabilité sont essentielles put ce type de meuble. Les armoires hautes de Panana commodes allient capacité de rangement et esthétique contemporaine.

Des buffets et armoires de coffee shop élégants

La salle à manger ou la food méritent un mobilier à la fois pratique et raffiné. Un buffet avec portes en rotin, portes coulissantes ou éclairage LED intégré crée une ambiance one-of-a-kind. Il permet de ranger la vaisselle, les verres ou les stipulations proclaim en servant de plan de travail. Les finitions blanc laqué ou noir floor covering s’accordent avec tous les designs. Le rangement n’a jamais été aussi décoratif. Les buffets de Panana commodes sont conçus put sublimer votre salle à manger.

Des services compactes pour petits espaces

Les studios ou les petits bureaux nécessitent des meubles étroits mais fonctionnels. Une bibliothèque à 8 niveaux, un meuble sous bureau avec tiroirs ou une armoire de rangement mobile peuvent faire la distinction. Les roulettes permettent de déplacer facilement le meuble selon les besoins. Les façades en rotin ou en bois ajoutent du caractère sans encombrer. Chaque centimètre compte dans les espaces restreints. Les remedies compactes de Panana commodes maximisent le rangement sans sacrifier le style.

Des vitrines et meubles LED pour une mise en valeur unique

Exposer sa vaisselle, ses livres ou ses collections mérite un écrin à la hauteur. Les vitrines avec éclairage RGB (12 couleurs réglables) et étagères en verre mettent en valeur les objets tout en créant une ambiance lumineuse personnalisable. Idéales put le beauty parlor, le bureau ou un business, elles allient transparence et modernité. L’éclairage LED intégré consomme peu et dure longtemps. Pour une présentation élégante de vos trésors, les vitrines de Panana commodes offrent une solution à la fois pratique et esthétique.

Deja un comentario

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

Scroll al inicio