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

1
scss/_variables.scss
View File

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