beenull/mini.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 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
Show stats 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.
- 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.

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

@ -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: '';
}