mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-18 03:31:16 +02:00
Code Issues Releases Wiki Activity

Checkbox module update

Browse Source
This commit is contained in:
Angelos Chalaris
2016-11-09 11:36:05 +02:00
parent 3f0477c632
commit 83d598663f
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/v2/DEVLOG.md
View File

@@ -315,3 +315,7 @@
- Deployed updated demo page. - 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. - 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. - 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.

10
scss/v2/mini-core/_checkbox.scss
View File

@@ -60,12 +60,12 @@
// Fill for checked checkbox/radio elements. // Fill for checked checkbox/radio elements.
[type="checkbox"]:checked + label, [type="radio"]:checked + label{ [type="checkbox"]:checked + label, [type="radio"]:checked + label{
&:after { &:after {
margin-left: -($checkbox-size + ($checkbox-size * 0.25)); margin-left: - floor($checkbox-size + floor($checkbox-size * 0.25));
position: absolute; position: absolute;
top: ($checkbox-size - ($checkbox-size * 0.55))/2; top: ($checkbox-size - floor($checkbox-size * 0.55))/2;
left: ($checkbox-size - ($checkbox-size * 0.55))/2; left: ($checkbox-size - floor($checkbox-size * 0.55))/2;
width: ($checkbox-size * 0.55); width: floor($checkbox-size * 0.55);
height: ($checkbox-size * 0.55); height: floor($checkbox-size * 0.55);
background: $checkbox-fore-color; background: $checkbox-fore-color;
content: ''; content: '';
} }