diff --git a/less/_checkboxes.less b/less/_checkboxes.less index 9afa0ad1..c401ed51 100644 --- a/less/_checkboxes.less +++ b/less/_checkboxes.less @@ -1,6 +1,4 @@ // http://www.google.com/design/spec/components/selection-controls.html#selection-controls-checkbox -.form-group { -} .checkbox label, label.checkbox-inline { @@ -29,12 +27,12 @@ label.checkbox-inline { vertical-align: middle; position: relative; top: 3px; - &:before { // FIXME: document why this is necessary (doesn't seem to be on chrome) + &:before { // FIXME: document why this is necessary (doesn't seem to be on chrome) display: block; position: absolute; left: 0; content: ""; - background-color: rgba(0,0,0,.84); + background-color: rgba(0, 0, 0, .84); height: @mdb-checkbox-size; width: @mdb-checkbox-size; border-radius: 100%; @@ -91,11 +89,12 @@ label.checkbox-inline { & + .checkbox-material .check:before { color: @mdb-checkbox-checked-color; - box-shadow: 0 0 0 10px, + box-shadow: + 0 0 0 10px, 10px -10px 0 10px, - 32px 0 0 20px, - 0px 32px 0 20px, - -5px 5px 0 10px, + 32px 0 0 20px, + 0px 32px 0 20px, + -5px 5px 0 10px, 20px -12px 0 11px; animation: checkbox-on @mdb-checkbox-animation-check forwards; }