socketioMEANseed/www/bower_components/angular-material/modules/closure/radioButton/radioButton.css
www/bower_components/angular-material/modules/closure/radioButton/radioButton.cssRaw
1/*!
2 * Angular Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.1.3
6 */
7md-radio-button {
8 box-sizing: border-box;
9 display: block;
10 margin-bottom: 16px;
11 white-space: nowrap;
12 cursor: pointer;
13 position: relative; }
14 md-radio-button[disabled] {
15 cursor: default; }
16 md-radio-button[disabled] .md-container {
17 cursor: default; }
18 md-radio-button .md-container {
19 position: absolute;
20 top: 50%;
21 -webkit-transform: translateY(-50%);
22 transform: translateY(-50%);
23 box-sizing: border-box;
24 display: inline-block;
25 width: 20px;
26 height: 20px;
27 cursor: pointer;
28 left: 0;
29 right: auto; }
30 [dir=rtl] md-radio-button .md-container {
31 left: auto; }
32 [dir=rtl] md-radio-button .md-container {
33 right: 0; }
34 md-radio-button .md-container .md-ripple-container {
35 position: absolute;
36 display: block;
37 width: auto;
38 height: auto;
39 left: -15px;
40 top: -15px;
41 right: -15px;
42 bottom: -15px; }
43 md-radio-button .md-container:before {
44 box-sizing: border-box;
45 background-color: transparent;
46 border-radius: 50%;
47 content: '';
48 position: absolute;
49 display: block;
50 height: auto;
51 left: 0;
52 top: 0;
53 right: 0;
54 bottom: 0;
55 -webkit-transition: all 0.5s;
56 transition: all 0.5s;
57 width: auto; }
58 md-radio-button.md-align-top-left > div.md-container {
59 top: 12px; }
60 md-radio-button .md-off {
61 box-sizing: border-box;
62 position: absolute;
63 top: 0;
64 left: 0;
65 width: 20px;
66 height: 20px;
67 border-style: solid;
68 border-width: 2px;
69 border-radius: 50%;
70 -webkit-transition: border-color ease 0.28s;
71 transition: border-color ease 0.28s; }
72 md-radio-button .md-on {
73 box-sizing: border-box;
74 position: absolute;
75 top: 0;
76 left: 0;
77 width: 20px;
78 height: 20px;
79 border-radius: 50%;
80 -webkit-transition: -webkit-transform ease 0.28s;
81 transition: -webkit-transform ease 0.28s;
82 transition: transform ease 0.28s;
83 transition: transform ease 0.28s, -webkit-transform ease 0.28s;
84 -webkit-transform: scale(0);
85 transform: scale(0); }
86 md-radio-button.md-checked .md-on {
87 -webkit-transform: scale(0.5);
88 transform: scale(0.5); }
89 md-radio-button .md-label {
90 box-sizing: border-box;
91 position: relative;
92 display: inline-block;
93 margin-left: 30px;
94 margin-right: 0;
95 vertical-align: middle;
96 white-space: normal;
97 pointer-events: none;
98 width: auto; }
99 [dir=rtl] md-radio-button .md-label {
100 margin-left: 0; }
101 [dir=rtl] md-radio-button .md-label {
102 margin-right: 30px; }
103
104md-radio-group {
105 /** Layout adjustments for the radio group. */ }
106 md-radio-group.layout-column md-radio-button, md-radio-group.layout-xs-column md-radio-button, md-radio-group.layout-gt-xs-column md-radio-button, md-radio-group.layout-sm-column md-radio-button, md-radio-group.layout-gt-sm-column md-radio-button, md-radio-group.layout-md-column md-radio-button, md-radio-group.layout-gt-md-column md-radio-button, md-radio-group.layout-lg-column md-radio-button, md-radio-group.layout-gt-lg-column md-radio-button, md-radio-group.layout-xl-column md-radio-button {
107 margin-bottom: 16px; }
108 md-radio-group.layout-row md-radio-button, md-radio-group.layout-xs-row md-radio-button, md-radio-group.layout-gt-xs-row md-radio-button, md-radio-group.layout-sm-row md-radio-button, md-radio-group.layout-gt-sm-row md-radio-button, md-radio-group.layout-md-row md-radio-button, md-radio-group.layout-gt-md-row md-radio-button, md-radio-group.layout-lg-row md-radio-button, md-radio-group.layout-gt-lg-row md-radio-button, md-radio-group.layout-xl-row md-radio-button {
109 margin-top: 0;
110 margin-bottom: 0;
111 margin-left: 0;
112 margin-right: 16px; }
113 [dir=rtl] md-radio-group.layout-row md-radio-button, [dir=rtl] md-radio-group.layout-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-md-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-md-row md-radio-button, [dir=rtl] md-radio-group.layout-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-xl-row md-radio-button {
114 margin-left: 16px; }
115 [dir=rtl] md-radio-group.layout-row md-radio-button, [dir=rtl] md-radio-group.layout-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-md-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-md-row md-radio-button, [dir=rtl] md-radio-group.layout-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-xl-row md-radio-button {
116 margin-right: 0; }
117 md-radio-group.layout-row md-radio-button:last-of-type, md-radio-group.layout-xs-row md-radio-button:last-of-type, md-radio-group.layout-gt-xs-row md-radio-button:last-of-type, md-radio-group.layout-sm-row md-radio-button:last-of-type, md-radio-group.layout-gt-sm-row md-radio-button:last-of-type, md-radio-group.layout-md-row md-radio-button:last-of-type, md-radio-group.layout-gt-md-row md-radio-button:last-of-type, md-radio-group.layout-lg-row md-radio-button:last-of-type, md-radio-group.layout-gt-lg-row md-radio-button:last-of-type, md-radio-group.layout-xl-row md-radio-button:last-of-type {
118 margin-left: 0;
119 margin-right: 0; }
120 md-radio-group:focus {
121 outline: none; }
122 md-radio-group.md-focused .md-checked .md-container:before {
123 left: -8px;
124 top: -8px;
125 right: -8px;
126 bottom: -8px; }
127 md-radio-group[disabled] md-radio-button {
128 cursor: default; }
129 md-radio-group[disabled] md-radio-button .md-container {
130 cursor: default; }
131
132.md-inline-form md-radio-group {
133 margin: 18px 0 19px; }
134 .md-inline-form md-radio-group md-radio-button {
135 display: inline-block;
136 height: 30px;
137 padding: 2px;
138 box-sizing: border-box;
139 margin-top: 0;
140 margin-bottom: 0; }
141
142@media screen and (-ms-high-contrast: active) {
143 md-radio-button.md-default-theme .md-on {
144 background-color: #fff; } }