source: trip-planner-front/node_modules/angular-material/modules/js/checkbox/checkbox.css@ 6a3a178

Last change on this file since 6a3a178 was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago

initial commit

  • Property mode set to 100644
File size: 4.2 KB
Line 
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
11md-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
152md-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; }
Note: See TracBrowser for help on using the repository browser.