1 | /*!
|
---|
2 | * AngularJS Material Design
|
---|
3 | * https://github.com/angular/material
|
---|
4 | * @license MIT
|
---|
5 | * v1.2.3
|
---|
6 | */
|
---|
7 | .md-inline-form md-checkbox {
|
---|
8 | margin-top: 14px;
|
---|
9 | margin-bottom: auto; }
|
---|
10 |
|
---|
11 | md-checkbox {
|
---|
12 | box-sizing: border-box;
|
---|
13 | display: inline-block;
|
---|
14 | white-space: nowrap;
|
---|
15 | cursor: pointer;
|
---|
16 | outline: none;
|
---|
17 | -webkit-user-select: none;
|
---|
18 | -moz-user-select: none;
|
---|
19 | -ms-user-select: none;
|
---|
20 | user-select: none;
|
---|
21 | position: relative;
|
---|
22 | min-width: 18px;
|
---|
23 | min-height: 48px; }
|
---|
24 | .md-dense > md-checkbox:not(.md-dense-disabled),
|
---|
25 | .md-dense :not(.md-dense-disabled) md-checkbox:not(.md-dense-disabled) {
|
---|
26 | min-height: 36px; }
|
---|
27 | md-checkbox.md-focused:not([disabled]) .md-container:before {
|
---|
28 | left: -8px;
|
---|
29 | top: -8px;
|
---|
30 | right: -8px;
|
---|
31 | bottom: -8px; }
|
---|
32 | md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
|
---|
33 | background-color: rgba(0, 0, 0, 0.12); }
|
---|
34 | md-checkbox .md-container {
|
---|
35 | position: absolute;
|
---|
36 | top: 50%;
|
---|
37 | transform: translateY(-50%);
|
---|
38 | box-sizing: border-box;
|
---|
39 | display: inline-block;
|
---|
40 | width: 18px;
|
---|
41 | height: 18px;
|
---|
42 | left: 0;
|
---|
43 | right: auto; }
|
---|
44 | [dir=rtl] md-checkbox .md-container {
|
---|
45 | left: auto; }
|
---|
46 | [dir=rtl] md-checkbox .md-container {
|
---|
47 | right: 0; }
|
---|
48 | md-checkbox .md-container:before {
|
---|
49 | box-sizing: border-box;
|
---|
50 | background-color: transparent;
|
---|
51 | border-radius: 50%;
|
---|
52 | content: '';
|
---|
53 | position: absolute;
|
---|
54 | display: block;
|
---|
55 | height: auto;
|
---|
56 | left: 0;
|
---|
57 | top: 0;
|
---|
58 | right: 0;
|
---|
59 | bottom: 0;
|
---|
60 | transition: all 0.5s;
|
---|
61 | width: auto; }
|
---|
62 | md-checkbox .md-container:after {
|
---|
63 | box-sizing: border-box;
|
---|
64 | content: '';
|
---|
65 | position: absolute;
|
---|
66 | top: -10px;
|
---|
67 | right: -10px;
|
---|
68 | bottom: -10px;
|
---|
69 | left: -10px; }
|
---|
70 | md-checkbox .md-container .md-ripple-container {
|
---|
71 | position: absolute;
|
---|
72 | display: block;
|
---|
73 | width: auto;
|
---|
74 | height: auto;
|
---|
75 | left: -15px;
|
---|
76 | top: -15px;
|
---|
77 | right: -15px;
|
---|
78 | bottom: -15px; }
|
---|
79 | md-checkbox .md-icon {
|
---|
80 | box-sizing: border-box;
|
---|
81 | transition: 240ms;
|
---|
82 | position: absolute;
|
---|
83 | top: 0;
|
---|
84 | left: 0;
|
---|
85 | width: 18px;
|
---|
86 | height: 18px;
|
---|
87 | border-width: 2px;
|
---|
88 | border-style: solid;
|
---|
89 | border-radius: 2px; }
|
---|
90 | md-checkbox.md-checked .md-icon {
|
---|
91 | border-color: transparent; }
|
---|
92 | md-checkbox.md-checked .md-icon:after {
|
---|
93 | box-sizing: border-box;
|
---|
94 | transform: rotate(45deg);
|
---|
95 | position: absolute;
|
---|
96 | left: 4px;
|
---|
97 | top: 0px;
|
---|
98 | display: table;
|
---|
99 | width: 6px;
|
---|
100 | height: 12px;
|
---|
101 | border-width: 2px;
|
---|
102 | border-style: solid;
|
---|
103 | border-top: 0;
|
---|
104 | border-left: 0;
|
---|
105 | content: ''; }
|
---|
106 | md-checkbox[disabled] {
|
---|
107 | cursor: default; }
|
---|
108 | md-checkbox.md-indeterminate .md-icon:after {
|
---|
109 | box-sizing: border-box;
|
---|
110 | position: absolute;
|
---|
111 | top: 50%;
|
---|
112 | left: 50%;
|
---|
113 | transform: translate(-50%, -50%);
|
---|
114 | display: table;
|
---|
115 | width: 10.8px;
|
---|
116 | height: 2px;
|
---|
117 | border-width: 2px;
|
---|
118 | border-style: solid;
|
---|
119 | border-top: 0;
|
---|
120 | border-left: 0;
|
---|
121 | content: ''; }
|
---|
122 | md-checkbox .md-container {
|
---|
123 | top: auto;
|
---|
124 | left: auto;
|
---|
125 | right: auto;
|
---|
126 | margin: 3px;
|
---|
127 | margin-top: 21px; }
|
---|
128 | md-checkbox .md-label {
|
---|
129 | box-sizing: border-box;
|
---|
130 | position: relative;
|
---|
131 | display: inline-block;
|
---|
132 | vertical-align: middle;
|
---|
133 | white-space: normal;
|
---|
134 | -webkit-user-select: text;
|
---|
135 | -moz-user-select: text;
|
---|
136 | -ms-user-select: text;
|
---|
137 | user-select: text;
|
---|
138 | margin-top: 10px;
|
---|
139 | margin-bottom: auto;
|
---|
140 | margin-left: 36px; }
|
---|
141 | [dir=rtl] md-checkbox .md-label {
|
---|
142 | margin-left: 0;
|
---|
143 | margin-right: 36px; }
|
---|
144 | md-checkbox .md-label:empty {
|
---|
145 | margin-left: 24px;
|
---|
146 | margin-right: 0; }
|
---|
147 | [dir=rtl] md-checkbox .md-label:empty {
|
---|
148 | margin-left: 0; }
|
---|
149 | [dir=rtl] md-checkbox .md-label:empty {
|
---|
150 | margin-right: 24px; }
|
---|
151 |
|
---|
152 | md-input-container .md-checkbox-link-label {
|
---|
153 | box-sizing: border-box;
|
---|
154 | position: relative;
|
---|
155 | display: inline-block;
|
---|
156 | vertical-align: middle;
|
---|
157 | white-space: normal;
|
---|
158 | -webkit-user-select: text;
|
---|
159 | -moz-user-select: text;
|
---|
160 | -ms-user-select: text;
|
---|
161 | user-select: text;
|
---|
162 | cursor: pointer;
|
---|
163 | top: -21px;
|
---|
164 | margin-left: 18px;
|
---|
165 | margin-right: 0; }
|
---|
166 | [dir=rtl] md-input-container .md-checkbox-link-label {
|
---|
167 | margin-left: 0; }
|
---|
168 | [dir=rtl] md-input-container .md-checkbox-link-label {
|
---|
169 | margin-right: 18px; }
|
---|