Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ToggleSwitch #15

Open
simurai opened this issue Jun 13, 2013 · 0 comments
Open

ToggleSwitch #15

simurai opened this issue Jun 13, 2013 · 0 comments
Milestone

Comments

@simurai
Copy link
Contributor

simurai commented Jun 13, 2013

Currently Matte still has the Bluemoon Toggle, so I restyled it to be more consistant with the rest of Matte.

Before submitting a pull request, the JS part still needs to be done. I'm just toggling the CSS class, but I guess it's needs a proper API to read/set the value. You can find it in my branch: https://github.com/simurai/matte/tree/toggle-switch

toggleswitch


It fits the radio and checkbox in size:
compared


You can easily customize the color like:

.myApp .matte-ToggleSwitch--on {
    background-color: hsl(204, 100%, 65%);
    border-color: hsl(204, 100%, 55%);
}

colors


You can easily customize the size with just one property:

.myApp .matte-ToggleSwitch {
    font-size: 16px;
}

sizes

@simurai simurai mentioned this issue Jun 13, 2013
4 tasks
@hthetiot hthetiot added this to the 3.0.1 milestone Jun 15, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants