2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
9 box-sizing: border-box;
15 -webkit-user-select: none;
16 -moz-user-select: none;
17 -ms-user-select: none;
25 html[dir=rtl] md-checkbox {
27 html[dir=rtl] md-checkbox {
28 padding-right: 18px; }
29 md-checkbox *, md-checkbox *:before, md-checkbox *:after {
30 box-sizing: border-box; }
31 md-checkbox.md-focused:not([disabled]) .md-container:before {
36 md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
37 background-color: rgba(0, 0, 0, 0.12); }
38 md-checkbox .md-container {
41 display: inline-block;
44 -webkit-transform: translateY(-50%);
45 transform: translateY(-50%);
48 html[dir=rtl] md-checkbox .md-container {
50 html[dir=rtl] md-checkbox .md-container {
52 md-checkbox .md-container:before {
53 background-color: transparent;
65 md-checkbox .md-container:after {
72 md-checkbox .md-container .md-ripple-container {
81 md-checkbox .md-icon {
91 md-checkbox.md-checked .md-icon {
93 md-checkbox[disabled] {
95 md-checkbox.md-checked .md-icon:after {
96 -webkit-transform: rotate(45deg);
97 transform: rotate(45deg);
109 md-checkbox .md-label {
111 display: inline-block;
112 vertical-align: middle;
114 pointer-events: none;
115 -webkit-user-select: text;
116 -moz-user-select: text;
117 -ms-user-select: text;
119 md-checkbox .md-label span {
122 html[dir=rtl] md-checkbox .md-label span {
124 html[dir=rtl] md-checkbox .md-label span {
125 margin-right: 10px; }