fix(checkbox): Ensure consistent mixedmark rendering across browsers

traviskaufman · jelbourn · commit 666cdba3bb7c · 2016-03-17T10:34:42.000-07:00
This commit ensures that the mixedmark renders the same across browsers by truncating the height of the mixedmark to an integer value. Fixes #174 Closes #190
diff --git a/src/components/checkbox/checkbox.scss b/src/components/checkbox/checkbox.scss
@@ -298,7 +298,7 @@ $_md-checkbox-indeterminate-checked-easing-function: cubic-bezier(0.14, 0, 0, 1)
   @extend %md-checkbox-mark;
 
   background-color: $md-checkbox-mark-color;
-  height: $md-checkbox-mark-stroke-size;
+  height: floor($md-checkbox-mark-stroke-size);
   opacity: 0;
   transform: scaleX(0) rotate(0deg);
 }

Original file line number	Diff line number	Diff line change
`@@ -298,7 +298,7 @@ $_md-checkbox-indeterminate-checked-easing-function: cubic-bezier(0.14, 0, 0, 1)`
`298`	`298`	`@extend %md-checkbox-mark;`
`299`	`299`
`300`	`300`	`background-color: $md-checkbox-mark-color;`
`301`		`- height: $md-checkbox-mark-stroke-size;`
	`301`	`+ height: floor($md-checkbox-mark-stroke-size);`
`302`	`302`	`opacity: 0;`
`303`	`303`	`transform: scaleX(0) rotate(0deg);`
`304`	`304`	`}`