// // 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":1029597,"date":"2026-10-02T12:33:26","date_gmt":"2026-10-02T10:33:26","guid":{"rendered":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/?p=1029597"},"modified":"2026-10-02T12:33:26","modified_gmt":"2026-10-02T10:33:26","slug":"remarkable-stories-surrounding-spinanias-org-4","status":"publish","type":"post","link":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/2026\/10\/02\/remarkable-stories-surrounding-spinanias-org-4\/","title":{"rendered":"Remarkable_stories_surrounding_spinanias_org_inspire_community_development_progr"},"content":{"rendered":"
\n
| Community Garden<\/td>\n | $1,500<\/td>\n | 15<\/td>\n | 6 months<\/td>\n<\/tr>\n |
| Digital Literacy Workshop<\/td>\n | $800<\/td>\n | 8<\/td>\n | 3 months<\/td>\n<\/tr>\n |
| Local Arts Festival<\/td>\n | $5,000<\/td>\n | 30<\/td>\n | 9 months<\/td>\n<\/tr>\n |
| Neighborhood Cleanup<\/td>\n | $200<\/td>\n | 20<\/td>\n | 1 month<\/td>\n<\/tr>\n<\/table>\n The demonstrated success of these projects, often showcased within the platform's ongoing updates, inspires other members and fuels further collaboration. Transparency regarding project finances and progress builds trust and strengthens the community's commitment to collective action.<\/p>\n Cultivating Mentorship and Leadership<\/h2>\nBeyond facilitating practical projects, spinanias.org plays a vital role in nurturing leadership skills and fostering mentorship relationships. Experienced members often volunteer their time to guide and support newcomers, providing valuable insights and practical advice. This intergenerational exchange of knowledge is particularly beneficial for young people, who gain access to seasoned professionals and develop a stronger sense of agency. The platform's emphasis on peer-to-peer learning creates a supportive environment where individuals feel comfortable taking risks and experimenting with new ideas. It\u2019s through these experiences that future community leaders are cultivated.<\/p>\n The platform's structure also allows for the identification of emerging leaders. Members who consistently demonstrate initiative, collaboration, and a commitment to community service are often recognized and provided with opportunities to take on greater responsibilities. This creates a pipeline of talent, ensuring the long-term sustainability of the community\u2019s development efforts. The leadership isn\u2019t always formal; often, individuals simply step up to organize events or moderate discussions, demonstrating their commitment to the platform\u2019s values. <\/p>\n Community Forums and Discussion Groups<\/h3>\nA cornerstone of spinanias.org\u2019s success is its vibrant online forum. These forums serve as virtual town squares, where members can share ideas, ask questions, and engage in constructive debate. The moderators carefully cultivate a respectful and inclusive environment, ensuring that all voices are heard. Participants can create specialized discussion groups focused on specific interests or projects, fostering deeper connections and more targeted collaboration. The ability to archive past discussions creates a valuable knowledge base, allowing new members to quickly get up to speed on ongoing initiatives. Positive reinforcement is strongly encouraged.<\/p>\n
|