2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
12 -webkit-align-items: center;
13 -ms-flex-align: center;
19 -webkit-user-select: none;
20 -moz-user-select: none;
21 -ms-user-select: none;
23 md-switch .md-container {
29 -webkit-user-select: none;
30 -moz-user-select: none;
31 -ms-user-select: none;
34 md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container {
35 cursor: -webkit-grabbing;
37 md-switch.md-focused:not([disabled]) .md-thumb:before {
42 md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
43 background-color: rgba(0, 0, 0, 0.12); }
45 border-color: transparent;
54 md-switch .md-thumb-container {
59 -webkit-transform: translate3d(0, 0, 0);
60 transform: translate3d(0, 0, 0);
62 md-switch.md-checked .md-thumb-container {
63 -webkit-transform: translate3d(100%, 0, 0);
64 transform: translate3d(100%, 0, 0); }
74 box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084); }
75 md-switch .md-thumb:before {
76 background-color: transparent;
88 md-switch .md-thumb .md-ripple-container {
97 md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb-container, md-switch:not(.md-dragging) .md-thumb {
98 transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
99 transition-property: -webkit-transform, background-color;
100 transition-property: transform, background-color; }
101 md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb {
102 transition-delay: 0.05s; }
104 @media screen and (-ms-high-contrast: active) {
105 md-switch.md-default-theme .md-bar {
106 background-color: #666; }
107 md-switch.md-default-theme.md-checked .md-bar {
108 background-color: #9E9E9E; }
109 md-switch.md-default-theme .md-thumb {
110 background-color: #fff; } }