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

fixed checkbox animation

Browse Source
This commit is contained in:
FezVrasta 2016-08-05 17:14:57 +02:00
parent 0811b4e319
commit 41aade1981
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scss/_checkboxes.scss
View File

@ -31,6 +31,10 @@ label.checkbox-inline {
height: 0; height: 0;
margin-top: -4px; margin-top: -4px;
margin-left: 6px; margin-left: 6px;
// we need a solid color here to avoid glitches in the animation
// it will not look great on non white backgrounds, but this is the
// most common case and it's better support it
color: lighten(rgba($gray, 1), (1 - $gray-alpha) * 100);
content: ""; content: "";
box-shadow: 0 0 0 0, box-shadow: 0 0 0 0,
0 0 0 0, 0 0 0 0,

3
scss/_variables.scss
View File

@ -5,7 +5,8 @@
// redefine ? TODO: do we need this bmd variant? This is used as $body-color // redefine ? TODO: do we need this bmd variant? This is used as $body-color
$gray-lighter: rgba($black, 0.12) !default; $gray-lighter: rgba($black, 0.12) !default;
$gray-light: rgba($black, 0.26) !default; $gray-light: rgba($black, 0.26) !default;
$gray: rgba($black, .54) !default; // spec color $gray-alpha: .54 !default;
$gray: rgba($black, $gray-alpha) !default; // spec color
$gray-dark: rgba($black, 0.87) !default; // used for text color - others use grey-600 which is considerably lighter $gray-dark: rgba($black, 0.87) !default; // used for text color - others use grey-600 which is considerably lighter
$bmd-font-weight-base: 400; $bmd-font-weight-base: 400;