@material-git/all
Version:
Angular 2 Material
83 lines (71 loc) • 1.76 kB
CSS
md-radio-button {
display: inline-block; }
.md-radio-label {
cursor: pointer;
display: inline-flex;
align-items: baseline;
white-space: nowrap; }
.md-radio-container {
box-sizing: border-box;
display: inline-block;
height: 20px;
position: relative;
width: 20px;
top: 2px; }
.md-radio-outer-circle {
border: solid 2px;
border-radius: 50%;
box-sizing: border-box;
height: 20px;
left: 0;
position: absolute;
top: 0;
transition: border-color ease 280ms;
width: 20px; }
.md-radio-inner-circle {
border-radius: 50%;
box-sizing: border-box;
height: 20px;
left: 0;
position: absolute;
top: 0;
transition: transform ease 280ms, background-color ease 280ms;
transform: scale(0);
width: 20px; }
.md-radio-checked .md-radio-inner-circle {
transform: scale(0.5); }
.md-radio-label-content {
display: inline-block;
order: 0;
line-height: inherit;
padding-left: 8px;
padding-right: 0; }
[dir='rtl'] .md-radio-label-content {
padding-right: 8px;
padding-left: 0; }
.md-radio-label-content.md-radio-align-end {
order: -1;
padding-left: 0;
padding-right: 8px; }
[dir='rtl'] .md-radio-label-content.md-radio-align-end {
padding-right: 0;
padding-left: 8px; }
.md-radio-disabled, .md-radio-disabled .md-radio-label {
cursor: default; }
.md-ink-ripple {
border-radius: 50%;
opacity: 0;
height: 48px;
left: 50%;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: opacity ease 280ms, background-color ease 280ms;
width: 48px; }
.md-radio-focused .md-ink-ripple {
opacity: 1; }
.md-radio-disabled .md-ink-ripple {
background-color: #000; }
/*# sourceMappingURL=radio.css.map */