radio.scss (material2-7.3.3) | : | radio.scss (material2-7.3.4) | ||
---|---|---|---|---|
skipping to change at line 152 | skipping to change at line 152 | |||
.mat-radio-persistent-ripple { | .mat-radio-persistent-ripple { | |||
width: 100%; | width: 100%; | |||
height: 100%; | height: 100%; | |||
transform: none; | transform: none; | |||
.mat-radio-container:hover & { | .mat-radio-container:hover & { | |||
opacity: 0.04; | opacity: 0.04; | |||
} | } | |||
.mat-radio-button:not(.mat-radio-disabled).cdk-focused & { | .mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused & { | |||
opacity: 0.12; | opacity: 0.12; | |||
} | } | |||
// We do this here, rather than having a `:not(.mat-radio-disabled)` | // We do this here, rather than having a `:not(.mat-radio-disabled)` | |||
// above in the `:hover`, because the `:not` will bump the specificity | // above in the `:hover`, because the `:not` will bump the specificity | |||
// a lot and will cause it to overide the focus styles. | // a lot and will cause it to overide the focus styles. | |||
&, .mat-radio-disabled .mat-radio-container:hover & { | &, .mat-radio-disabled .mat-radio-container:hover & { | |||
opacity: 0; | opacity: 0; | |||
} | } | |||
skipping to change at line 180 | skipping to change at line 180 | |||
} | } | |||
} | } | |||
} | } | |||
.mat-radio-input { | .mat-radio-input { | |||
// Move the input in the middle and towards the bottom so | // Move the input in the middle and towards the bottom so | |||
// the native validation messages are aligned correctly. | // the native validation messages are aligned correctly. | |||
bottom: 0; | bottom: 0; | |||
left: 50%; | left: 50%; | |||
} | } | |||
@include cdk-high-contrast { | ||||
.mat-radio-disabled { | ||||
opacity: 0.5; | ||||
} | ||||
} | ||||
End of changes. 2 change blocks. | ||||
1 lines changed or deleted | 1 lines changed or added |