// // 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); } Arola– Décapsuleurs muraux et accessoires originaux pour la maison et les loisirs – Smart Porteria Virtual

Arola– Décapsuleurs muraux et accessoires originaux pour la maison et les loisirs

Des ouvre‑bouteilles pratiques qui deviennent aussi des objets décoratifs

Ouvrir une bouteille de bière ou de soft drink à la volée est easy, mais les décapsuleurs classiques traînent souvent dans un tiroir et se perdent. Les modèles muraux, qu’ils soient magnétiques, en forme de boule de billard ou en bois de fût, se fixent au mur près du réfrigérateur ou du bar et récupèrent les pills dans un collecteur intégré. L’ouverture se fait d’une main, et l’objet devient un Aspect de decor à part entière. Pour allier praticité au quotidien et design initial dans votre cuisine ou votre buanderie, optez pour les décapsuleurs de Arola.

Des mugs et tasses à motif pour des minutes de convivialité

Boire une bière, un soft drink ou un café peut devenir plus amusant avec un contenant sortant de l’ordinaire. Les chopes médiévales en acier inoxydable, les têtes de mort ou les dragons 3D apportent une touche fantaisiste aux apéritifs entre amis ou aux soirées à thème. Faciles à nettoyer à la primary et résistantes, elles ne craignent pas les chocs et conservent leur éclat longtemps. Pour surprendre vos invités et ajouter une note d’humour à votre table, découvrez les mugs de Arola.

Paniers à discomfort en rotin naturel et distributeurs en bois pour une cuisine authentique

Le fait maison a le vent en poupe, et la panification ne fait pas exception. Un panier à discomfort (banneton) en rotin naturel, sans produits chimiques, permet de donner une belle forme à vos boules de pâte tout en absorbant l’humidité pour une croûte parfaite. Côté organisation, un distributeur de savon en bois avec pompe en acier inoxydable se remplit facilement et s’intègre aussi bien dans la food que dans la salle de bain. Put des accessoires de food à la fois sains, esthétiques et pratiques, choisissez ceux de Arola.

Rangements malins pour la maison, le jardin et le vélo

Un intérieur bien organisé out of style the same level des petits équipements souvent négligés. Des crochets muraux originaux en forme de crâne ou de grenouille permettent d’accrocher clés, torchons ou petits objets décoratifs en toute simplicité. Put les cyclistes, un panier de vélo en plastique tressé, nonporous et équipé de sangles en cuir, se fixe en un immediate sur le guidon et emporte courses ou pique‑nique. Put optimiser votre espace avec des objets à la fois utiles et charmants, les options de rangement de Arola vous séduiront.

Cordes élastiques et accessoires nautiques pour un amarrage serein

Les propriétaires de bateaux, même petits, savent combien il est essential de bien amarrer leur embarcation. Les cordes élastiques dotées de flotteurs en mousse ou de clips en acier inoxydable absorptive les chocs, évitent les à‑coups violents et se fixent rapidement aux quais. Résistantes à l’eau salée et aux UV, elles garantissent une longue durée de vie en milieu marin. Pour un accostage facile et sécurisé, que vous soyez sur un lac ou en mer, équipez‑vous des amarres élastiques de Arola.

Deja un comentario

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

Scroll al inicio