// // 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); } {"id":23434,"date":"2024-09-13T13:14:34","date_gmt":"2024-09-13T11:14:34","guid":{"rendered":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/?p=23434"},"modified":"2026-02-18T13:06:46","modified_gmt":"2026-02-18T12:06:46","slug":"h1-giovanni-wissenschaftliche-haarpflege-hair-9","status":"publish","type":"post","link":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/2024\/09\/13\/h1-giovanni-wissenschaftliche-haarpflege-hair-9\/","title":{"rendered":"
Giovanni Produkte<\/a> steht hair Pflegeprodukte, die moderne Forschung mit ausgew\u00e4hlten Inhaltsstoffen verbinden. Jede Formel ist darauf ausgerichtet, das Haar zu st\u00e4rken, zu sch\u00fctzen und seine nat\u00fcrliche Struktur zu unterst\u00fctzen. Qualit\u00e4t und Wirkung stehen im Mittelpunkt– entwickelt f\u00fcr Menschen, die bewusste Pflege sch\u00e4tzen.<\/p>\n Gesundes Haar entsteht durch eine abgestimmte Regimen. Shampoos und Conditioner von Giovanni Produkte<\/a> spenden Feuchtigkeit, verbessern die Struktur und sch\u00fctzen vor t\u00e4glichen Belastungen. Jede Anwendung ist ein Schritt zu mehr Vitalit\u00e4t und Glanz.<\/p>\n Moderne Haarpflege basiert auf pr\u00e4ziser Forschung. Giovanni Produkte<\/a> nutzt innovative Formulierungen, pass away Wirkstoffe gezielt einsetzen. So entstehen Produkte, pass away nicht nur kurzfristige Effekte liefern, sondern langfristig pass away Gesundheit des Haares f\u00f6rdern.<\/p>\n Jedes Haar ist anders– trocken, strapaziert oder fein. Mit Giovanni Produkte<\/a> findet sich hair jeden Haartyp pass away passende L\u00f6sung. Pass away Vielfalt der Linien erm\u00f6glicht eine individuelle Pflege, pass away auf spezifische Bed\u00fcrfnisse eingeht.<\/p>\n Hochwertige Rohstoffe und transparente Prozesse sind Teil der Philosophie. Giovanni Produkte<\/a> setzt auf verantwortungsvolle Entwicklung, pass away Wirkung und Sicherheit vereint. So entsteht Vertrauen, das \u00fcber den einzelnen Gebrauch hinausgeht.<\/p>\nPflege mit System<\/h2>\n
Technologie und Advancement<\/h2>\n
Individuelle L\u00f6sungen<\/h2>\n
Qualit\u00e4t und Verantwortung<\/h2>\n
Zukunft der Haarpflege<\/h2>\n