javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +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

10
core/src/components/checkbox/checkbox.ios.scss
View File

@ -12,13 +12,10 @@
--border-color: #{$checkbox-ios-icon-border-color-off};
// Background
--background: #{$checkbox-ios-background-color-off};
--checkbox-background: #{$checkbox-ios-background-color-off};
// Size
--size: #{$checkbox-ios-icon-size};
width: var(--size);
height: var(--size);
}
@ -31,9 +28,10 @@
// iOS Checkbox Within An Item
// TODO(FW-3100): remove this
// -----------------------------------------
:host(.in-item) {
:host(.in-item.legacy-checkbox) {
// end position by default
@include margin($checkbox-ios-item-end-margin-top, $checkbox-ios-item-end-margin-end, $checkbox-ios-item-end-margin-bottom, $checkbox-ios-item-end-margin-start);
@ -42,6 +40,6 @@
position: static;
}
:host(.in-item[slot="start"]) {
:host(.in-item.legacy-checkbox[slot="start"]) {
@include margin($checkbox-ios-item-start-margin-top, $checkbox-ios-item-start-margin-end, $checkbox-ios-item-start-margin-bottom, $checkbox-ios-item-start-margin-start);
}