mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-10 19:57:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixed radio styling

Browse Source
This commit is contained in:
FezVrasta 2016-08-01 10:34:02 +02:00
parent 622fbabe55
commit b3768bf07e
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
scss/_radios.scss
View File

@ -11,6 +11,7 @@ label.radio-inline {
display: inline-block;
width: $bmd-radio-size;
height: $bmd-radio-size;
cursor: pointer;
transition-duration: 0.2s;
&.bmd-radio-outer-circle {
@ -28,8 +29,8 @@ label.radio-inline {
// focus/press ripple
&::after {
position: absolute;
top: -#{$bmd-radio-size};
left: -#{$bmd-radio-size};
top: -#{$bmd-radio-ripple-offset};
left: -#{$bmd-radio-ripple-offset};
z-index: 1;
display: block;
width: 50px;
@ -71,7 +72,13 @@ label.radio-inline {
}
&[disabled],
&:disabled,
fieldset[disabled] & {
+ .bmd-radio-outer-circle {
cursor: default;
}
@include bmd-radio-color($bmd-radio-color-disabled);
.bg-inverse & {

1
scss/_variables.scss
View File

@ -118,6 +118,7 @@ $bmd-popover-color: #ececec !default;
// Radio:
$bmd-radio-border: .125rem !default; // 2px
$bmd-radio-size: 1.25rem !default;
$bmd-radio-ripple-offset: 1em !default;
$bmd-radio-label-padding: .3125rem !default; // 5px
$bmd-radio-color-off: $bmd-label-color-inner-focus !default; // FIXME seems inconsistent, check spec