// // 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":91895,"date":"2026-04-27T15:05:27","date_gmt":"2026-04-27T13:05:27","guid":{"rendered":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/?p=91895"},"modified":"2026-04-27T15:32:16","modified_gmt":"2026-04-27T13:32:16","slug":"your-guide-to-finding-the-perfect-street-legal","status":"publish","type":"post","link":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/2026\/04\/27\/your-guide-to-finding-the-perfect-street-legal\/","title":{"rendered":"Your Guide to Finding the Perfect Street Legal Electric Bike"},"content":{"rendered":"

Experience the freedom of the open road with zero emissions on a street legal electric bike<\/strong>, the ultimate solution for eco-friendly commuting and thrilling weekend adventures. These powerful e-bikes blend cutting-edge motor technology with legal compliance, letting you zip past traffic jams without a license or registration in most areas. It\u2019s the smart, exhilarating way to redefine your daily ride and slash your carbon footprint.<\/p>\n

Understanding the Legal Framework for E-Bikes<\/h2>\n

Understanding the legal framework for e-bikes is essential for safe and compliant riding, as regulations vary significantly by jurisdiction. Most regions classify e-bikes based on motor power and speed, typically distinguishing between classes that limit pedal-assist to 20 mph or throttle-only operation. E-bike laws<\/strong> often mandate that riders be at least 16 years old, wear helmets, and treat their vehicle similarly to traditional bicycles on roads and bike lanes. However, some areas require registration, insurance, or licensing for higher-powered models. Navigating these rules ensures you avoid fines and ride confidently, while also leveraging e-bike regulations<\/strong> to access specific trail systems or urban pathways. Ignorance is not a defense; staying informed about local statutes protects your investment and enhances your riding experience.<\/p>\n

Federal Classification System: Class 1, Class 2, and Class 3<\/h3>\n

Getting a handle on e-bike laws means knowing they\u2019re not all the same. Most places split e-bikes into classes based on top speed and throttle use\u2014like a Class 1 model that only assists while you pedal up to 20 mph. Understanding e-bike classifications to avoid fines<\/strong> is key, since riding a Class 3 on a bike path can land you in trouble. You\u2019ll also need to check local rules on helmet requirements, minimum rider age, and where you can actually ride. Always look up your state or city\u2019s specific laws before hitting the road.<\/em> Ignoring these basics could cost you money or get your bike impounded, so a quick search saves hassle.<\/p>\n

State-by-State Variations in Speed and Power Limits<\/h3>\n

Mastering e-bike laws requires understanding how local e-bike classifications<\/strong> dictate your rights on the road. Most regions sort e-bikes into three tiers based on motor power and throttle capability, each with distinct access rules for bike lanes, paths, and roadways. Key legal factors include:<\/p>\n

    \n
  • Speed and wattage limits<\/strong>: Typically capped at 20 mph and 750W for Class 1 and 2 models.<\/li>\n
  • Age and licensing<\/strong>: Minimum rider age (often 16); no license, registration, or insurance required for low-speed models.<\/li>\n
  • Helmet mandates<\/strong>: Vary by class and rider age; always check local ordinances.<\/li>\n<\/ul>\n

    These regulations are non-negotiable<\/mark>\u2014ignoring them risks fines or impoundment. Always verify your jurisdiction\u2019s specific definitions to ride confidently and avoid legal pitfalls.<\/p>\n

    \n