diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index 5fee745..e529b47 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -315,3 +315,7 @@ - Deployed updated demo page. - Added a new mixin `add-grid-row-cards-alignment` without parameters that allows `row`s to align the elements they contain automatically horizontally. - Deployed demo again. + +## 20161109 + +- Changed `checkbox` module a little bit to use `floor()` functions to fill the `:after` part, so that everything will look kinda tidier on most browsers. This has been modified after testing on more screens and noticing some minor discrepancies with the way `radio`s are presented. diff --git a/scss/v2/mini-core/_checkbox.scss b/scss/v2/mini-core/_checkbox.scss index 263bc50..04b9baa 100644 --- a/scss/v2/mini-core/_checkbox.scss +++ b/scss/v2/mini-core/_checkbox.scss @@ -60,12 +60,12 @@ // Fill for checked checkbox/radio elements. [type="checkbox"]:checked + label, [type="radio"]:checked + label{ &:after { - margin-left: -($checkbox-size + ($checkbox-size * 0.25)); + margin-left: - floor($checkbox-size + floor($checkbox-size * 0.25)); position: absolute; - top: ($checkbox-size - ($checkbox-size * 0.55))/2; - left: ($checkbox-size - ($checkbox-size * 0.55))/2; - width: ($checkbox-size * 0.55); - height: ($checkbox-size * 0.55); + top: ($checkbox-size - floor($checkbox-size * 0.55))/2; + left: ($checkbox-size - floor($checkbox-size * 0.55))/2; + width: floor($checkbox-size * 0.55); + height: floor($checkbox-size * 0.55); background: $checkbox-fore-color; content: ''; }