2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 md-radio-button, .md-switch-thumb {
9 box-sizing: border-box;
14 md-radio-button *, md-radio-button *:before, md-radio-button *:after, .md-switch-thumb *, .md-switch-thumb *:before, .md-switch-thumb *:after {
15 box-sizing: border-box; }
16 md-radio-button input, .md-switch-thumb input {
18 md-radio-button .md-container, .md-switch-thumb .md-container {
21 display: inline-block;
25 md-radio-button .md-container .md-ripple-container, .md-switch-thumb .md-container .md-ripple-container {
32 md-radio-button .md-container:before, .md-switch-thumb .md-container:before {
33 background-color: transparent;
45 md-radio-button .md-off, .md-switch-thumb .md-off {
53 transition: border-color ease 0.28s; }
54 md-radio-button .md-on, .md-switch-thumb .md-on {
61 transition: -webkit-transform ease 0.28s;
62 transition: transform ease 0.28s;
63 -webkit-transform: scale(0);
64 transform: scale(0); }
65 md-radio-button.md-checked .md-on, .md-switch-thumb.md-checked .md-on {
66 -webkit-transform: scale(0.5);
67 transform: scale(0.5); }
68 md-radio-button .md-label, .md-switch-thumb .md-label {
70 display: inline-block;
73 vertical-align: middle;
77 md-radio-button .circle, .md-switch-thumb .circle {
80 md-radio-group:focus {
82 md-radio-group.md-focused .md-checked .md-container:before {
88 @media screen and (-ms-high-contrast: active) {
89 md-radio-button.md-default-theme .md-on {
90 background-color: #fff; } }