// // 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); } Découvrez BioSilk: La Puissance de la Protéine de Soie put des Cheveux Sublimes et Réparés – Smart Porteria Virtual

Découvrez BioSilk: La Puissance de la Protéine de Soie put des Cheveux Sublimes et Réparés

Por /

Vous rêvez de cheveux lisses, brillants et en pleine santé? BioSilk après shampooing révolutionne les biosilk soin cheveux elegance à la biosilk protéine soie pure et naturelle, enrichie d’huile de coco put une hydratation intense. Sans sulfates ni parabènes, la gamme BioSilk Silk Treatment répare de l’intérieur et offre des résultats visibles dès la best utilisation.

Pourquoi choisir BioSilk put vos soins capillaires?

La biosilk protéine soie pénètre la fibre capillaire pour reconstruire les zones abîmées, lisser la cuticule et booster la brillance. Associée à l’huile de coco, elle battle les frisottis, nourrit en profondeur et protège des agressions quotidiennes (chaleur, air pollution, pigmentation).

Les produits phares de la gamme BioSilk

  • Biosilk shampooing et biosilk après shampooing: nettoient et hydratent sans alourdir.

  • Biosilk lotion cheveux et biosilk leave in: security anti-frisottis et brillance miroir.

  • Biosilk silk therapy Original et With Coconut Oil: le soin iconique multi-usages.

  • Biosilk duo set et biosilk conditionneur Wonder 17: regimens complètes put tous les kinds de cheveux.

Résultats réels: témoignages et avant/apr ès

Des milliers de femmes ont transformé leurs cheveux ternes ou abîmés en chevelure soyeuse.» Mes cheveux n’ont jamais été aussi brillants!»– Marie L. Le trick? Une formule tidy qui respecte le cuir chevelu et l’environnement.

Comment intégrer BioSilk dans votre routine?

  1. Lavez avec biosilk shampooing + biosilk après shampooing.

  2. Appliquez le biosilk product cheveux ou biosilk silk therapy sur cheveux humides.

  3. Terminez the same level biosilk leave in pour une tenue toute la journée.

Offrez à vos cheveux le luxe de la soie naturelle avec BioSilk. Commandez dès maintenant votre biosilk duo collection et sentez la distinction!

Mots-clés: biosilk, biosilk shampooing, biosilk après shampooing, biosilk sérum cheveux, biosilk silk therapy, biosilk soin cheveux, biosilk protéine soie, biosilk duo collection, biosilk leave in, biosilk conditionneur

Deja un comentario

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

Scroll al inicio