javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-17 18:54:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(checkbox): add --checkmark-width variable (#19933)

Browse Source 
resolves #16803

Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
This commit is contained in:
Alex Arvanitidis
2020-01-03 18:20:04 +01:00
committed by Liam DeBeasi
parent 9318d2418e
commit c32a7bcd20
5 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/checkbox/checkbox.scss
View File

@ -19,10 +19,12 @@
* @prop --transition: Transition of the checkbox icon
*
* @prop --checkmark-color: Color of the checkbox checkmark when checked
* @prop --checkmark-width: Stroke width of the checkbox checkmark
*/
--background-checked: #{ion-color(primary, base)};
--border-color-checked: #{ion-color(primary, base)};
--checkmark-color: #{ion-color(primary, contrast)};
--checkmark-width: 1;
--transition: none;
display: inline-block;
@ -65,7 +67,7 @@ button {
.checkbox-icon path {
fill: none;
stroke: var(--checkmark-color);
stroke-width: 1;
stroke-width: var(--checkmark-width);
opacity: 0;
}