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

feat(checkbox): component can be used outside ion-item (#26518)

Browse Source
This commit is contained in:
Amanda Johnston
2023-01-05 13:49:04 -06:00
committed by GitHub
parent 96147ec1b0
commit 9d52e70361
297 changed files with 1189 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
core/src/components/checkbox/checkbox.md.scss
View File

@ -13,16 +13,13 @@
--checkmark-width: 3;
// Background
--background: #{$checkbox-md-icon-background-color-off};
--checkbox-background: #{$checkbox-md-icon-background-color-off};
// Transition
--transition: #{background $checkbox-md-transition-duration $checkbox-md-transition-easing};
// Size
--size: #{$checkbox-md-icon-size};
width: var(--size);
height: var(--size);
}
.checkbox-icon path {
@ -50,9 +47,10 @@
// Material Design Checkbox Within An Item
// TODO(FW-3100): remove this
// --------------------------------------------------------
:host(.in-item) {
:host(.in-item.legacy-checkbox) {
// end position by default
@include margin($checkbox-md-item-end-margin-top, $checkbox-md-item-end-margin-end, $checkbox-md-item-end-margin-bottom, $checkbox-md-item-end-margin-start);
@ -61,11 +59,6 @@
position: static;
}
:host(.in-item[slot="start"]) {
:host(.in-item.legacy-checkbox[slot="start"]) {
@include margin($checkbox-md-item-start-margin-top, $checkbox-md-item-start-margin-end, $checkbox-md-item-start-margin-bottom, $checkbox-md-item-start-margin-start);
}
// REVIEW
// .checkbox-md + .item-inner ion-label {
// @include margin-horizontal(0, null);
// }