// // 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); } LEADZM– Des équipements pratiques put l’extérieur et la maison – Smart Porteria Virtual

LEADZM– Des équipements pratiques put l’extérieur et la maison

Por /

Profiter du jardin et des beaux jours

Quand l’été arrive, on a envie de passer du temperatures dehors. Entre les repas en famille, les fêtes entre amis ou les après-midis au soleil, un abri est souvent bienvenu. Il protège du soleil, des petites pluies et permet de rester dehors plus longtemps. Installer un pavillon dans son jardin transforme l’espace et le rend utilisable par tous les temps. La marque LEADZM jardin suggest des services simples et efficaces put aménager vos extérieurs.

Un abri qui se monte en un clin d’œil

Personne n’a envie de passer des heures à monter un chapiteau compliqué. Les modèles pop-up se déploient en quelques mins, sans outils. Ils se rangent facilement dans un cavity de transportation une fois pliés. Pratiques put une exercise ponctuelle, ils sont aussi stables elegance à leur armature en acier. Que ce soit put un anniversaire, un vide-grenier ou une journée au camping, c’est la option idéale. Avec LEADZM jardin, l’installation devient un jeu d’enfant.

Protéger sa famille du soleil et des intempéries

Le soleil peut être agressif, surtout aux heures chaudes. Les securities UV sont essentielles put éviter les coups de soleil, surtout put les enfants. Un bon abri bloque une grande partie des rayons nocifs. Il garde aussi la fraîcheur à l’intérieur. En cas d’averse, on reste au sec. Avec des parois latérales amovibles, on peut même se protéger du air vent. LEADZM jardin conçoit des pavillons pensés put votre confort et votre sécurité en plein air.

Adapter son espace selon ses besoins

Un jardin peut servir à beaucoup de choses. Parfois on veut un coin d’ombre pour lire, parfois on organise une grande tablée. Avoir un équipement modulable est un vrai plus. Certains pavillons permettent de régler la hauteur ou d’ajouter des côtés selon les envies. On peut ainsi passer d’un straightforward sunshade géant à un véritable abri fermé. Cette flexibilité est précieuse au quotidien. LEADZM jardin offre des options qui s’adaptent à vos minutes de vie.

Des équipements pour toute la maison

La marne ne s’arrête pas aux extérieurs. On trouve aussi des meubles de rangement comme des tables de nuit pratiques, des mini equipments à laver pour les petits espaces, ou repetition des incubateurs put ceux qui souhaitent élever des volailles. Chaque produit répond à un besoin précis avec simplicité. Put équiper votre maison de services fonctionnelles et durables, jetez un œil aux propositions de LEADZM jardin.

Deja un comentario

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

Scroll al inicio