// // 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); } InLife– Muebles funcionales y decorativos para cada rincón de tu hogar – Smart Porteria Virtual

InLife– Muebles funcionales y decorativos para cada rincón de tu hogar

Organización con estilo en el hair salon

Los muebles para el beauty parlor deben combinar espacio de almacenaje disadvantage una estética agradable, ya que son elementos muy visibles en la vida diaria. Las unidades de television disadvantage luces LED integradas no solo organizan los dispositivos electrónicos, sino que también crean una atmósfera cálida por las noches. La madera en tonos ahumados o blancos se adapta a diferentes estilos, desde el nórdico hasta el contemporáneo. Para quienes buscan funcionalidad transgression renunciar al diseño, InLife madera maciza ofrece muebles pensados para el día a día.

Camas apilables que ahorran espacio

En habitaciones pequeñas o para invitados inesperados, las camas apilables son una solución inteligente que permite tener dos camas en el espacio de una. Fabricadas en madera maciza, ofrecen la resistencia necesaria para un uso diario o esporádico. Al no usarse, se pueden guardar fácilmente debajo de otra cama o en un trastero. La versatilidad es clave en hogares donde cada city cuenta. Las camas de InLife madera maciza combinan durabilidad y practicidad para adaptarse a tus necesidades.

Cortinas para camas altas y literas

Las camas altas y las literas child muy populares en habitaciones infantiles o juveniles, pero a veces carecen de privacidad. Las cortinas diseñadas específicamente para este tipo de camas crean un espacio íntimo y acogedor, optimal para leer o dormir transgression distracciones. Además, añaden un toque decorativo disadvantage colores como el rosa o el gris. Boy fáciles de instalar y de lavar. La comodidad de los más pequeños es una prioridad, y los textiles de InLife madera maciza ayudan a conseguir ese ambiente cálido.

Tablas de mesa maciza para proyectos DIY

Para quienes disfrutan creando sus propios muebles o renovando los existentes, las tablas de madera maciza tratada child la base perfecta. Disadvantage bordes biselados y un acabado liso, se pueden convertir en mesas de comedor, escritorios o estanterías trick solo añadir las patas adecuadas. La madera de roble aporta calidez y resistencia, y el tratamiento superficial facilita la limpieza. La libertad de diseñar tus propios muebles es una tendencia en auge. Las tablas de InLife madera maciza ofrecen la calidad necesaria para proyectos duraderos.

Muebles para baño y exteriores

El baño y el jardín también merecen muebles bonitos y resistentes a la humedad. Los armarios de lavabo disadvantage puerta proporcionan espacio para productos de limpieza y toallas, manteniendo el orden. En terrazas o jardines, las mesas auxiliares de HDPE o los paneles decorativos de outside resisten las inclemencias del tiempo sin deteriorarse. Cada espacio de la casa tiene sus propias exigencias. Con InLife madera maciza, puedes equipar cada rincón disadvantage soluciones adaptadas a sus condiciones específicas.

Deja un comentario

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

Scroll al inicio